:root{--bg:#f5f3ee;--panel:#f8f8f9;--ink:#2c2f35;--accent:#d35400;--accent-2:#1f6fb2;--danger:#b42318;--line:#ddd9d2}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff7e8 0 18%,#0000 19%),radial-gradient(circle at 88% 20%,#e8f4ff 0 14%,#0000 15%),linear-gradient(#f7f4ef,#efe7db);min-height:100vh;margin:0;font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.phone-block-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.phone-block-card{background:#fff;border:1px solid #ddd4c7;border-radius:14px;max-width:520px;padding:18px;box-shadow:0 8px 24px #141b2426}.phone-block-card h2{color:#7a2300;margin-top:0;margin-bottom:10px}.phone-block-card p{margin:0}.phone-block-sub{color:#5f6470;font-size:13px;margin-top:10px!important}.app-shell{min-height:100vh}.mobile-app-shell{padding-bottom:92px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #b8bcc2;justify-content:flex-start;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.mobile-topbar{gap:10px;padding:12px 14px}.mobile-topbar-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mobile-topbar-title{color:#374151;font-size:16px;line-height:1.1}.mobile-topbar .top-status{margin-left:0;font-size:14px}.mobile-nav-balls{margin-left:0;margin-right:0}.brand{align-items:center;padding-right:6px;display:flex}.brand-logo{object-fit:contain;width:210px;height:41px}.tabs{gap:6px;margin-left:2px;padding:0 10px;display:flex;position:relative}.tabs:before,.tabs:after{content:"";background:#b8bcc2;width:1px;position:absolute;top:2px;bottom:2px}.tabs:before{left:0}.tabs:after{right:0}.tabs .tab{font-size:14px;line-height:1.1}.tab{color:#3d4352;background:0 0;border:1px solid #0000;border-radius:6px;min-width:116px;padding:6px 10px}.tab.active{background:#ffe2b2;border-color:#e5c28c}.nav-balls{gap:10px;margin-left:22px;margin-right:10px;display:flex}.nav-ball{background:0 0;border:6px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nav-ball-inner{color:#555;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:74%;height:74%;font-family:Yu Gothic UI,Yu Gothic,sans-serif;font-size:18px;display:flex;transform:translateY(-1px)}.top-status{text-align:left;white-space:nowrap;margin-left:8px;font-size:18px;font-weight:700}.top-status.on{color:#1c6c38}.top-status.off{color:#265f99}.top-status.alert{color:#b42318}.container{max-width:1400px;margin:0 auto;padding:0 10px 10px}.mobile-container{max-width:960px;padding:12px 12px 18px}.mobile-stack{gap:12px;display:grid}.mobile-panel{padding:16px}.mobile-panel-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.mobile-panel h2{margin-top:6px}.draw-tab-tools{background:linear-gradient(#fff9ef 0%,#fffdf9 100%)}.draw-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.draw-mode-button{color:#fff;background:#c9ced6;border:1px solid #c9ced6;border-radius:12px;min-height:52px;font-size:15px;font-weight:700}.draw-mode-button.active{color:#fff;background:#2f8f46;border-color:#2f8f46}.section-note{color:#5f6675;margin:4px 0 0;font-size:13px}.delivery-grid,.other-grid{gap:12px;display:grid}.mobile-bottom-nav{z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #d9d3c7;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-tab{color:#5b6170;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;padding:6px 4px;display:flex}.mobile-bottom-tab.active{color:#7a4a00;background:#fff0d5}.mobile-bottom-tab-label{font-size:13px;font-weight:700;line-height:1.1}.mobile-bottom-tab-sub{opacity:.8;font-size:11px;line-height:1.1}.draw-screen{position:relative}.draw-floating-qr{z-index:12;background:#fff;border:2px solid #b7bbc2;border-radius:12px;justify-content:center;align-items:center;width:clamp(92px,8.8vw,128px);height:clamp(92px,8.8vw,128px);padding:4px;display:flex;position:absolute;top:6px;right:24px}.draw-floating-qr img{object-fit:contain;width:100%;height:100%}h1{margin:0 0 12px;font-size:28px}.sub{color:#5f6470;margin:0 0 18px}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.setup-shell{grid-template-columns:230px 1fr;gap:12px;display:grid}.setup-menu{border-right:1px solid #ece4d8;padding-right:12px}.setup-title{margin:0 0 10px;font-size:24px}.setup-tile{text-align:center;color:#2d2d2d;background:#f6f6f6;border:1px solid #cdcdcd;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-bottom:8px;font-size:16px;display:flex}.setup-tile.active{background:#ffe0b2;border-color:#e6af5f}.setup-content{min-height:360px}.setup-content h3{color:#53565d;margin:6px 0;font-size:16px;font-weight:500;line-height:1}.setup-content p{color:#53565d;margin:6px 0;font-size:13px}.section-divider{border:0;border-top:1px solid #b9bbc0;margin:16px 0}.setup-wide{grid-column:1/-1}.card{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:14px}.card h2{margin:0 0 10px;font-size:18px}.setup-content h2,.draw-main h2,.draw-side h2{color:#53565d;margin:0 0 10px;font-size:clamp(22px,2vw,34px);font-weight:500;line-height:1.08}.draw-layout{--digital-scale:1;grid-template-columns:minmax(0,45%) minmax(0,55%);gap:0;display:grid;position:relative}.draw-screen .draw-layout{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.draw-screen .draw-main.card,.draw-screen .draw-side.card{background:0 0;border:0;border-radius:0;padding:0}.draw-screen .draw-side.card{flex-direction:column;justify-content:flex-start;display:flex}.draw-layout.with-draw-qr .draw-side.card{padding-top:0;padding-right:0}.analog-layout{grid-template-columns:minmax(0,56%) minmax(0,44%);gap:8px;display:grid}.analog-main,.analog-side{min-width:0}.draw-analog-screen .container,.draw-digital-screen .container{max-width:none;padding:12px 12px 18px}.analog-main h2,.analog-side h2{color:#53565d;margin:0 0 6px;font-size:20px}.analog-sub{color:#5b6170;margin:0 0 6px;font-size:14px}.analog-meta{color:#4f5563;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 8px;font-size:13px;display:flex}.analog-input-row{align-items:center;gap:8px;margin-bottom:6px}.analog-help{color:#5f6675;font-size:13px}.analog-grid{grid-template-columns:repeat(10,minmax(50px,1fr));gap:6px;display:grid}.analog-cell-input{aspect-ratio:1;text-align:center;color:#3a3f48;font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:#f8fafc;border:1px solid #bcc1ca;border-radius:8px;width:100%;min-height:0;padding:0;font-family:Yu Gothic UI,Yu Gothic,sans-serif;font-weight:700;line-height:1;font-size:24px!important}.analog-cell-input.filled{color:#2f3645;background:#fff}.analog-cell-input.latest{background:#fff5cc;border-color:#d7c078}.analog-cell-input.duplicate,.analog-cell-input.duplicate.latest,.analog-cell-input.invalid,.analog-cell-input.invalid.latest{color:#2f3645!important;background:#ffe8e8!important;border:2px solid #d43b3b!important;box-shadow:inset 0 0 0 1px #d43b3b40!important}.analog-cell-input.duplicate:focus,.analog-cell-input.duplicate.latest:focus,.analog-cell-input.invalid:focus,.analog-cell-input.invalid.latest:focus{border:2px solid #d43b3b!important;box-shadow:0 0 0 3px #d43b3b47!important}.analog-cell-input:focus{border-color:#f2c200;outline:none;box-shadow:0 0 0 3px #f2c20080}.draw-main,.draw-side{min-height:780px}.draw-digital-screen .draw-main{min-height:calc(820px * var(--digital-scale))}.draw-digital-screen .draw-side{min-height:calc(780px * var(--digital-scale))}.draw-screen .draw-main h2,.draw-screen .draw-side h2{color:gray;margin:8px 0 6px;font-size:20px;line-height:1.2}.draw-current-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title latest""reset latest""action action";align-items:start;gap:16px;display:grid}.draw-current-title{grid-area:title}.draw-reset-button{margin-top:4px}.draw-current-controls{flex-direction:column;grid-area:reset;justify-self:start;align-items:flex-start;gap:8px;display:flex}.draw-local-sound-button{color:#fff;background:#d3d8e0;border:1px solid #c7ccd4;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.draw-local-sound-button.active{background:#2f8f46;border-color:#2f8f46}.draw-digital-screen .draw-main h2,.draw-digital-screen .draw-side h2{font-size:calc(36px * var(--digital-scale));margin:calc(12px * var(--digital-scale)) 0 calc(6px * var(--digital-scale))}.event-name{display:none}.latest-ball{aspect-ratio:.96;color:#56585b;background:#fef3d6;border:0;border-radius:12px;grid-area:latest;justify-content:center;align-items:center;width:min(368px,100%);min-height:clamp(192px,17vh,264px);margin:0;padding-bottom:16px;font-family:Yu Gothic UI,Yu Gothic,sans-serif;font-size:clamp(160px,12.8vw,304px);font-weight:700;line-height:.9;display:flex;overflow:hidden;transform:translateY(0)}.draw-digital-screen .latest-ball{width:min(calc(392px * var(--digital-scale)), 100%);aspect-ratio:1.08;min-height:calc(224px * var(--digital-scale));border-radius:calc(12px * var(--digital-scale));font-size:calc(248px * var(--digital-scale));padding-bottom:calc(20px * var(--digital-scale));margin:0;line-height:.82}.latest-ball-empty{color:#a1a4a8;text-align:center;padding:0 24px;font-size:clamp(22px,2.1vw,34px);line-height:1.35}.draw-digital-screen .latest-ball-empty{font-size:calc(24px * var(--digital-scale));line-height:1.35}.latest-ball-pending{color:#8a6a1f;text-align:center;padding:0 24px;font-size:clamp(28px,2.8vw,48px);line-height:1.35}.draw-digital-screen .latest-ball-pending{font-size:calc(34px * var(--digital-scale));padding:0 calc(24px * var(--digital-scale));line-height:1.35}.latest-ball-finished{color:#86898d;text-align:center;padding:0 24px;font-size:clamp(24px,2.2vw,36px);line-height:1.35}.draw-digital-screen .latest-ball-finished{font-size:calc(34px * var(--digital-scale));padding:0 calc(24px * var(--digital-scale));line-height:1.35}.action-row{grid-area:action;margin-top:18px}.draw-digital-screen .action-row{margin-top:calc(28px * var(--digital-scale))}.draw-screen .draw-main .action-row{justify-content:center}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}label{color:#4d5360;font-size:12px}input,textarea,select,button{font:inherit}input:not([type=radio]):not([type=checkbox]),textarea,select{background:#fff;border:1px solid #d6dbe3;border-radius:8px;width:100%;padding:6px 8px;font-size:13px}input[type=radio],input[type=checkbox]{vertical-align:middle;width:auto;margin:0 6px 0 0}button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:6px 10px;font-size:13px}button.secondary{color:#414652;background:#d7d9de;border:1px solid #b2b7c0}button.danger{background:var(--danger)}.next-button{color:#e7bf67;background:#2f63ae;border-radius:18px;min-width:220px;padding:8px 18px;font-size:30px;line-height:1.1}.draw-digital-screen .next-button{min-width:calc(260px * var(--digital-scale));font-size:calc(36px * var(--digital-scale));padding:calc(10px * var(--digital-scale)) calc(24px * var(--digital-scale));border-radius:calc(20px * var(--digital-scale))}.subtle-action{color:#6d7482;background:0 0;border:0;padding:2px 4px;font-size:15px;text-decoration:underline}.draw-digital-screen .subtle-action{font-size:calc(16px * var(--digital-scale))}button:disabled{opacity:.6;cursor:not-allowed}.code{word-break:break-all;background:#f7f9fc;border:1px solid #dde3ed;border-radius:8px;padding:8px;font-family:Meiryo UI,Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px}.delivery-link-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.delivery-copy-button{white-space:nowrap;min-width:84px;padding:8px 10px}.badge{color:#7a4a00;background:#fff4df;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.notice-box{border:1px solid #aeb0b5;border-radius:4px;max-width:720px;margin:8px 0;padding:10px 12px}.cloud-box{border:1px solid #aeb0b5;border-radius:6px;max-width:1020px;margin:6px 0 10px;padding:10px 12px}.cloud-box h4{color:#53565d;margin:0 0 6px;font-size:20px;font-weight:500}.cloud-box p{margin:3px 0;line-height:1.28}.cloud-box .row{margin-bottom:4px}.cloud-inline{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.cloud-inline-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.start-cloud{color:#f6f7f9;background:#666a70;padding:7px 12px;font-size:13px}.start-cloud.start-cloud-locked{color:#fff;background:#1f8f46}.network-box{border:1px solid #aeb0b5;border-radius:6px;max-width:1020px;margin-top:8px;padding:10px 12px}.network-box strong{color:#53565d;font-size:16px;font-weight:500}.notice-box strong{color:#53565d;font-size:24px;font-weight:500}.notice-box p{margin:4px 0}.share-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.demo-hero{background:linear-gradient(135deg,#fff7e5 0%,#fffdf9 55%,#eef6ff 100%);border:1px solid #d8d7cf;border-radius:14px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:11px;margin-bottom:11px;padding:13px 14px;display:grid}.demo-hero,.demo-grid,.demo-card-reader,.demo-info-grid{font-size:.85rem}.demo-hero h2{margin-top:8px;margin-bottom:6px;font-size:clamp(18px,1.6vw,27px)}.demo-badge{color:#805000;background:#fce5bc}.demo-hero-note{background:#ffffffe0;border:1px solid #d9e3ef;border-radius:10px;align-self:start;padding:11px}.demo-hero-note strong{color:#435166;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:11px;margin-bottom:11px;display:grid}.demo-card-reader{background:linear-gradient(#fffdfa 0%,#f7fbff 100%);border:1px solid #d8d7cf;border-radius:12px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:11px;margin-bottom:11px;padding:11px;display:grid}.demo-card-reader-copy h3{color:#53565d;margin:3px 0 6px;font-size:18px;line-height:1.2}.demo-card-grid{grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:10px;display:grid}.demo-card-qr-item{text-align:center;background:#fff;border:1px solid #dde3ed;border-radius:10px;padding:10px}.demo-card-qr-item strong{color:#465266;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.demo-card-qr-frame{background:#fbfdff;border:1px solid #e2e7ef;border-radius:12px;justify-content:center;align-items:center;min-height:145px;padding:8px;display:flex}.demo-card-qr-frame img{object-fit:contain;width:min(100%,120px);height:auto}.demo-card,.demo-info-card{background:#fffdf9;border:1px solid #d8d7cf;border-radius:12px;padding:11px}.demo-card h3,.demo-info-card h3{color:#53565d;margin:3px 0 6px;font-size:16px;line-height:1.2}.demo-card-staff{background:linear-gradient(#f9fbff 0%,#fffdfa 100%)}.demo-qr-frame{background:linear-gradient(#fffffff0,#f9fcfffa),radial-gradient(circle at top,#f5cf8c4d,#0000 45%);border:1px solid #dde3ed;border-radius:14px;justify-content:center;align-items:center;min-height:208px;margin:8px 0 6px;display:flex}.demo-qr-frame img{object-fit:contain;width:min(100%,184px);height:auto}.demo-caption{color:#687181!important}.demo-info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:11px;display:grid}.demo-info-card{background:#fff}.demo-info-card.warm{background:linear-gradient(#fff7e8 0%,#fffdf8 100%)}.qr-box{background:#fbfdff;border:1px solid #e2e7ef;border-radius:10px;justify-content:center;align-items:center;min-height:220px;margin-top:8px;display:flex}.qr-box img{object-fit:contain;width:200px;height:200px}.latest{color:#9b2c00;font-size:32px;font-weight:700}.drawn{grid-template-columns:repeat(9,minmax(0,1fr));align-content:start;gap:10px;display:grid;margin-top:12px!important}.draw-digital-screen .drawn{grid-template-columns:repeat(9, calc(88px * var(--digital-scale)));gap:calc(10px * var(--digital-scale));justify-content:start;margin-top:calc(12px * var(--digital-scale))!important}.draw-ball{aspect-ratio:1;box-sizing:border-box;background:0 0;border:5px solid #0000;border-radius:999px;justify-content:center;justify-self:center;align-items:center;width:100%;max-width:140px;display:flex}.draw-digital-screen .draw-ball{width:calc(88px * var(--digital-scale));border-width:calc(7px * var(--digital-scale));max-width:none}.draw-ball-inner{aspect-ratio:1;box-sizing:border-box;color:#5a5d66;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:100%;height:auto;max-height:100%;font-family:Yu Gothic UI,Yu Gothic,sans-serif;font-size:clamp(32px,3vw,64px);font-weight:700;line-height:1;display:flex;transform:translateY(0)}.board-placeholder{border-color:#c6bda68c}.board-placeholder .draw-ball-inner{background:#ffffff6b}.draw-digital-screen .draw-ball-inner{font-size:calc(44px * var(--digital-scale));transform:translateY(0)}.draw-ball-label{display:inline-block}.draw-digital-screen .draw-ball-label{transform:translateY(calc(-3px * var(--digital-scale)))}.nav-ball.b{border-color:#58a6ff}.nav-ball.i{border-color:#ff7676}.nav-ball.n{border-color:#64cc64}.nav-ball.g{border-color:#fc0}.nav-ball.o{border-color:#ffa158}.draw-ball.b{border-color:#58a6ff}.draw-ball.i{border-color:#ff7676}.draw-ball.n{border-color:#64cc64}.draw-ball.g{border-color:#fc0}.draw-ball.o{border-color:#ffa158}.error{color:var(--danger);font-size:14px}.ok{color:#127a41;font-size:14px}@media (width<=860px){.mobile-container{padding:10px 10px 14px}.mobile-topbar{align-items:flex-start}.mobile-topbar-title{font-size:15px}.mobile-topbar .top-status{font-size:13px}.mobile-nav-balls{display:none}.setup-shell,.demo-hero,.demo-card-reader{grid-template-columns:1fr}.setup-menu{border-right:0;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding-right:0;display:grid}.setup-content h3,.notice-box strong{font-size:34px}.setup-content h2,.draw-main h2,.draw-side h2{font-size:38px}.cloud-box h4,.network-box strong{font-size:26px}.cloud-inline{grid-template-columns:1fr}.setup-tile{margin-bottom:0}.draw-layout{grid-template-columns:1fr}.draw-main,.draw-side,.draw-digital-screen .draw-main,.draw-digital-screen .draw-side{min-height:auto}.draw-current-row{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"title latest""reset latest""action action";gap:10px}.draw-current-title,.draw-current-controls{justify-self:start}.draw-digital-screen .latest-ball{width:100%;max-width:calc(320px * var(--digital-scale));font-size:calc(174px * var(--digital-scale));padding-bottom:calc(14px * var(--digital-scale));justify-self:stretch}.draw-digital-screen .latest-ball-empty{font-size:calc(18px * var(--digital-scale))}.draw-digital-screen .latest-ball-pending,.draw-digital-screen .latest-ball-finished{font-size:calc(24px * var(--digital-scale))}.draw-digital-screen .draw-side.card{justify-self:stretch;width:100%;min-width:0}.draw-digital-screen .drawn{grid-template-columns:repeat(8,minmax(0,1fr));justify-content:stretch;gap:6px}.draw-digital-screen .draw-ball{border-width:4px;width:min(100%,34px);max-width:34px}.draw-digital-screen .draw-ball-inner{font-size:clamp(14px,3.2vw,22px)}.draw-digital-screen .draw-ball-label{transform:none}.draw-layout.with-draw-qr .draw-main.card,.draw-layout.with-draw-qr .draw-side.card{padding-top:0;padding-right:0}.draw-floating-qr{display:none}.analog-layout{grid-template-columns:1fr}.analog-grid{grid-template-columns:repeat(5,minmax(52px,1fr))}.analog-help{font-size:13px}.analog-cell-input{min-height:64px;font-size:32px}.brand strong{font-size:20px}.nav-balls{order:3;justify-content:center;width:100%;margin:4px 0 0}.topbar{flex-wrap:wrap}.mobile-bottom-nav{padding-left:6px;padding-right:6px}.mobile-bottom-tab{min-height:56px}.mobile-bottom-tab-label{font-size:12px}.mobile-bottom-tab-sub{font-size:10px}}.modal-overlay{z-index:40;background:#141b246b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#f5f5f5;border:1px solid #b9bcc2;border-radius:8px;width:min(430px,100%);overflow:hidden;box-shadow:0 12px 24px #11182747}.modal-titlebar{color:#4c4f56;text-align:center;background:#e3e3e3;border-bottom:1px solid #c8c8c8;padding:9px 12px;font-size:18px;font-weight:600}.modal-body{padding:12px 14px}.modal-desc{color:#596074;margin:0 0 10px;font-size:13px}.modal-choice{color:#3f4450;align-items:center;gap:8px;margin:8px 0;font-size:15px;display:flex}.modal-choice input{width:16px;height:16px;margin:0}.modal-check,.modal-actions{margin-top:12px}.delivery-scanner-modal{width:min(560px,100%)}.delivery-scanner-video{background:#0c0f11;border-radius:10px;width:100%;min-height:220px}.delivery-scanner-actions{justify-content:flex-end;display:flex}.hidden-canvas{display:none}.modal-start-btn{color:#333;background:#e4e4e4;border:1px solid #b8bcc2;border-radius:6px;padding:8px 16px;font-size:15px}