:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-size:.75rem;line-height:1rem;color:#e8eef9;background:#080d16;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden;background:#080d16}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5195ff;outline-offset:2px}.studio-shell{height:100dvh;overflow:hidden;background:#080d16}.studio-header{display:flex;height:54px;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(147,172,217,.16);background:#0f192bdb;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.studio-brand{display:inline-flex;align-items:center;gap:10px}.studio-brand>span:last-child{display:grid;gap:3px}.studio-brand strong{color:#f6f8fd;font-size:16px;line-height:1}.studio-brand small{color:#91a0b8;font-size:10px}.strawberry-mark{display:grid;width:38px;height:38px;place-items:center;border:2px solid #edf3ff;border-radius:6px;background:#fd5964;box-shadow:inset 6px 6px #ff9296,inset -6px -6px #ca3543,0 2px #0b1220;color:#2d8e52;font-size:18px;line-height:1}.studio-logo-image{width:38px;height:38px;flex:0 0 auto;object-fit:contain}.studio-header-actions{display:flex;align-items:center;gap:6px}.studio-header-actions button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid rgba(151,176,218,.22);border-radius:6px;background:#41516fad;color:#d8e2f3;font-size:11px}.studio-header-actions button:hover{border-color:#689affb8;background:#486495cc}.studio-header-actions button:last-child{min-width:36px;padding:0 8px;color:#9eb7df}.readonly-banner{display:flex;min-height:44px;align-items:center;gap:9px;padding:6px 22px;border-bottom:1px solid rgba(251,188,87,.28);background:#754e186b;color:#ffe7ae;font-size:13px}.readonly-banner .rail-button{width:auto;margin-left:auto}.editor-layout{display:grid;height:calc(100dvh - 54px);grid-template-columns:minmax(0,1fr) 312px;background:#090e17}.readonly-banner+.editor-layout{height:calc(100dvh - 98px)}.editor-canvas-panel{display:flex;min-width:0;min-height:0;flex-direction:column;padding:10px 12px 8px}.editor-canvas-wrap{position:relative;display:grid;min-height:0;flex:1;place-items:center;overflow:hidden;border:1px solid rgba(130,196,229,.46);border-radius:5px;background:#feffff}.canvas-workspace-meta{position:relative;z-index:1;display:flex;min-height:32px;align-items:center;justify-content:flex-end;padding-bottom:6px}.canvas-dimensions{display:inline-flex;min-height:30px;align-items:center;padding:0 12px;border:1px solid rgba(43,62,88,.2);border-radius:15px;background:#192539d1;box-shadow:0 3px 12px #0f172a38;color:#d7e0ee;font-size:11px;line-height:28px;pointer-events:none}.pattern-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-width:0;min-height:0;touch-action:none;cursor:crosshair}.pattern-canvas.panning{cursor:grab}.pattern-canvas.panning:active{cursor:grabbing}.canvas-footer{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:12px;padding:0 8px;color:#aab9d0;font-size:11px}.editor-canvas-wrap+.canvas-footer{margin-top:4px}.canvas-footer span{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-footer i{width:14px;height:14px;border:1px solid rgba(15,23,42,.35);border-radius:3px}.editor-rail{min-height:0;overflow-y:auto;padding:8px 7px 16px;border-left:1px solid rgba(139,169,221,.17);background:#0d1728db;scrollbar-color:#8794aa rgba(32,44,65,.55);scrollbar-width:thin}.rail-section{padding:8px;margin-bottom:7px;border:1px solid rgba(125,151,196,.16);border-radius:5px;background:#1220379e;box-shadow:inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.rail-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.rail-section h2{margin:0;color:#f2f5fb;font-size:12px;line-height:1.1}.rail-section>header span{color:#96a5bd;font-size:11px}.mode-stack{display:grid;gap:5px}.mode-stack button,.tool-grid button{min-height:30px;border:1px solid rgba(134,161,207,.2);border-radius:5px;background:#36466280;color:#d4ddec;font-size:11px}.mode-stack button.active,.tool-grid button.active{border-color:#2d7bfa;background:#2f7ff7;color:#fff}.mode-stack button:hover,.tool-grid button:hover{border-color:#6e9effb3}.rail-field{display:grid;gap:4px;margin-bottom:9px;color:#cdd8e9;font-size:11px}.rail-field.compact{margin:9px 0 0;padding-top:9px;border-top:1px solid rgba(138,162,203,.17)}.rail-field:last-child{margin-bottom:0}.rail-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c1ccde}.rail-label b{color:#f1f5fc;font-size:12px}.rail-label button{padding:3px 7px;border:1px solid rgba(92,143,246,.55);border-radius:5px;background:#1e48885c;color:#9ec4ff;font-size:11px}.rail-field input[type=range]{width:100%;height:4px;margin:3px 0 2px;accent-color:#2580ff}.rail-input-row{display:flex;align-items:center;gap:7px;color:#9aa9c0;font-size:11px}.rail-input-row input{width:72px;min-height:29px;padding:0 7px;border:1px solid rgba(130,153,193,.25);border-radius:5px;background:#35445f9e;color:#ecf2fc;text-align:center}.rail-input-row input:disabled{color:#728098}.rail-input-row button{min-height:29px;padding:0 8px;border:1px solid rgba(69,131,239,.7);border-radius:5px;background:#153a7985;color:#a9caff}.rail-field select{width:100%;min-height:30px;margin-top:3px;padding:0 7px;border:1px solid rgba(129,155,197,.25);border-radius:4px;background:#31405aad;color:#e5edf8}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tool-grid button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:30px;padding:0 2px;font-size:11px}.tool-grid button:disabled{color:#657188;opacity:.68}.brush-palette{display:grid;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(138,162,203,.17)}.brush-palette-toggle{display:flex;width:100%;min-height:31px;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;border:1px solid rgba(134,161,207,.2);border-radius:5px;background:#36466280;color:#edf2fb;font-size:11px;font-weight:700;text-align:left}.brush-palette-toggle:hover{border-color:#6e9effb3;background:#425a80d9}.brush-palette-toggle span{display:inline-flex;min-width:0;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brush-palette-toggle i{width:14px;height:14px;flex:0 0 auto;border:1px solid rgba(235,245,255,.45);border-radius:3px}.brush-palette-toggle b{flex:0 0 auto;color:#9ec5ff;font-size:10px}.brush-palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.brush-palette-grid button{min-width:0;aspect-ratio:1;overflow:hidden;padding:1px;border:1px solid rgba(97,119,155,.75);border-radius:4px;color:#0a0f18;font-size:9px;font-weight:900;text-overflow:ellipsis;text-shadow:0 1px rgba(255,255,255,.45);white-space:nowrap}.brush-palette-grid button.selected{border-color:#e8f0ff;box-shadow:0 0 0 2px #2f7ff7}.image-colors-button{width:100%;min-height:31px;border:0;border-radius:5px;background:#364662b3;color:#edf2fb;font-size:11px;font-weight:700}.image-colors-button:hover{background:#425a80d9}.image-color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:7px}.image-color-grid button{min-width:0;aspect-ratio:1;overflow:hidden;padding:1px;border:1px solid rgba(97,119,155,.75);border-radius:4px;color:#0a0f18;font-size:9px;font-weight:900;text-overflow:ellipsis;text-shadow:0 1px rgba(255,255,255,.45);white-space:nowrap}.image-color-grid button.selected{border-color:#e8f0ff;box-shadow:0 0 0 2px #2f7ff7}.usage-summary{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(133,157,199,.16);color:#9eacc1;font-size:12px}.usage-summary b{color:#f4f7fc;font-size:17px}.color-list{max-height:230px;overflow-y:auto;margin-top:7px;padding-right:4px;scrollbar-color:#8794aa rgba(32,44,65,.55);scrollbar-width:thin}.color-list-row{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:36px;border:0;border-bottom:1px solid rgba(133,157,199,.12);background:transparent;color:#dbe5f4;text-align:left}.color-list-row:hover{background:#3d557c40}.color-list-row i{width:19px;height:19px;border:1px solid rgba(220,232,250,.25);border-radius:4px}.color-list-row span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.color-list-row b{color:#bac6d9;font-size:11px;font-weight:500}.brand-tabs,.preset-tabs{display:flex;flex-wrap:wrap;gap:8px}.brand-tabs{margin-bottom:12px}.brand-tabs button,.preset-tabs button{min-height:36px;padding:0 12px;border:1px solid rgba(131,157,200,.28);border-radius:8px;background:#3646628f;color:#d5dfef;font-size:13px}.brand-tabs button.active,.preset-tabs button.active{border-color:#2f7ff7;background:#2f7ff7;color:#fff}.rail-button{display:inline-flex;width:100%;min-height:33px;align-items:center;justify-content:center;gap:5px;margin-top:7px;border:1px solid rgba(117,156,222,.5);border-radius:5px;background:#3a4b6999;color:#d9e4f6;font-size:12px;font-weight:700}.rail-button:hover{border-color:#70a7ff;background:#47608bb8}.rail-button.primary{border-color:#438bff;background:#2f7ff7;color:#fff;box-shadow:0 5px 14px #1b6bf13d}.rail-button.primary:hover{background:#1e70eb}.rail-button.outline{border-color:#4b9aff;background:#0c254b59;color:#91c0ff}.rail-button.subtle{width:auto;min-height:40px;margin:0;padding:0 16px}.rail-actions{display:grid;gap:10px}.rail-actions .rail-button{margin:0}.app-loading-screen{display:grid;min-height:100dvh;place-items:center;background:var(--pb-paper);color:var(--pb-muted);font-size:13px}.modal-scrim{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000000a3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog{width:min(100%,680px);max-height:min(88dvh,760px);overflow:hidden;border:1px solid rgba(137,165,212,.28);border-radius:7px;background:#142239f5;box-shadow:0 20px 56px #00000085}.dialog-head{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 18px;border-bottom:1px solid rgba(138,162,203,.19);background:#1a2b46c2}.dialog-head h2{margin:0;color:#f2f5fa;font-size:15px}.dialog-head>button{display:grid;width:28px;height:28px;place-items:center;border:0;background:transparent;color:#aebbd0}.dialog-head>button:hover{color:#fff}.dialog-body,.palette-dialog-body,.noise-dialog-body{padding:15px 18px}.dialog-body{display:grid;gap:9px;color:#c7d2e4;font-size:12px;line-height:1.45}.dialog-body p{margin:0}.dialog-body label{display:grid;gap:5px;color:#c5d0e3;font-size:11px}.dialog-body input{min-height:34px;padding:0 8px;border:1px solid rgba(132,159,202,.28);border-radius:5px;background:#31415bb3;color:#eef4ff}.dialog-body textarea{min-height:72px;padding:8px;resize:vertical;border:1px solid rgba(132,159,202,.28);border-radius:5px;background:#31415bb3;color:#eef4ff}.dialog-subtitle{margin:0 0 9px;color:#a9b9d2;font-size:12px}.modal-tabs{margin-bottom:10px}.palette-search-field{display:flex;min-height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(131,157,200,.25);border-radius:5px;background:#394966b8;color:#97a8c4}.palette-search-field input{width:100%;border:0;outline:0;background:transparent;color:#eff4fd}.dialog-hint{margin:10px 0;padding:8px;border:1px solid rgba(48,116,236,.3);border-radius:5px;background:#1d4b9640;color:#a8c7fa;font-size:11px;line-height:1.45}.palette-actions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.palette-actions button{display:inline-flex;min-height:27px;align-items:center;gap:4px;padding:0 8px;border:0;border-radius:4px;background:#2f7ff73d;color:#a9cbff;font-size:10px}.palette-actions button:first-child{background:#1b916b40;color:#8ee8c5}.palette-actions button:nth-child(2){background:#b73c504d;color:#ffabb7}.palette-presets{margin-bottom:12px}.palette-series-list{max-height:330px;overflow-y:auto;padding-right:4px;scrollbar-color:#8794aa rgba(32,44,65,.55);scrollbar-width:thin}.palette-series{margin-top:6px}.palette-series-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;min-height:31px;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(130,156,199,.24);border-radius:999px;background:#2f405ca8;color:#dce8f8;text-align:left}.palette-series-trigger:hover,.palette-series-trigger.active{border-color:#5796fa;background:#2864cc54;color:#f2f7ff}.palette-series-trigger span{font-size:11px;font-weight:700}.palette-series-trigger small,.palette-series-trigger b{color:#9fb2ce;font-size:10px;font-weight:400}.palette-series-trigger.active b{color:#b8d4ff}.palette-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 3px 2px}.palette-choice-grid button{display:grid;grid-template-columns:16px minmax(0,1fr) 12px;min-width:0;min-height:28px;align-items:center;gap:5px;padding:0 6px;border:1px solid rgba(127,152,195,.25);border-radius:4px;background:#23324ba8;color:#dce8f8;text-align:left}.palette-choice-grid button:hover{border-color:#76aeffc2;background:#36537e99}.palette-choice-grid button.selected{border-color:#5da2ff;background:#2368d657}.palette-choice-grid i{width:14px;height:14px;border:1px solid rgba(235,245,255,.44);border-radius:2px}.palette-choice-grid span{overflow:hidden;color:#e7effb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.palette-choice-grid b{color:#9ec5ff;font-size:12px;line-height:1}.noise-dialog-body{color:#c6d2e5;text-align:center}.noise-dialog-body p{margin:0 0 5px;font-size:15px}.noise-list{max-height:460px;overflow-y:auto;margin-top:20px;padding:0 10px 0 0;text-align:left;scrollbar-color:#8794aa rgba(32,44,65,.55);scrollbar-width:thin}.noise-list button{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto 26px;align-items:center;gap:16px;min-height:66px;border:0;background:transparent;color:#e8eef8;text-align:left}.noise-list button:hover{background:#445b8138}.noise-list i{width:42px;height:42px;border:1px solid rgba(180,200,230,.3);border-radius:8px}.noise-list span{font-size:18px}.noise-list b{color:#cad5e7;font-size:16px;font-weight:500}.noise-list svg{color:#8493aa}.dialog-foot{display:flex;justify-content:flex-end;gap:7px;padding:10px 18px;border-top:1px solid rgba(138,162,203,.19);background:#182842b3}.dialog-foot .rail-button{width:auto;min-width:86px;margin:0}.noise-foot .rail-button:first-child{margin-right:auto}.color-choice-dialog{display:grid;gap:9px;padding:15px 18px;color:#aebcd1}.color-choice-dialog>p{margin:0;font-size:12px;line-height:1.45}.more-colors-button{min-height:32px;border:1px solid #246cf0;border-radius:5px;background:#1c408a47;color:#b2d1ff;font-size:11px}.color-choice-list{max-height:330px;overflow-y:auto;padding-right:4px;scrollbar-color:#8794aa rgba(32,44,65,.55);scrollbar-width:thin}.color-choice-list>button{display:grid;width:100%;grid-template-columns:28px minmax(0,1fr) auto;min-height:40px;align-items:center;gap:9px;border:0;border-bottom:1px solid rgba(133,157,199,.12);background:transparent;color:#e8eef8;text-align:left}.color-choice-list>button:hover{background:#445b8138}.color-choice-list i{width:25px;height:25px;border:1px solid rgba(180,200,230,.3);border-radius:4px}.color-choice-list span{font-size:12px}.color-choice-list b{color:#c9d3e4;font-size:11px;font-weight:500}.empty-color-choice{padding:34px 0;color:#8492a8;text-align:center}.export-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.export-stats span{display:grid;gap:4px;padding:12px;border:1px solid rgba(130,154,194,.2);border-radius:6px;background:#3646606e;color:#9daec8}.export-stats b{color:#eaf0fa}.error-text{color:#ffabb5!important}.crop-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:10px;padding:12px 14px;background:#0c1524d1}.dialog:has(.crop-dialog-body){width:min(100%,980px)}.dialog:has(.crop-dialog-body) .dialog-head{justify-content:center}.dialog:has(.crop-dialog-body) .dialog-head>button{position:absolute;right:14px}.crop-preview{min-height:min(56dvh,520px);overflow:hidden;border:1px solid rgba(132,157,199,.2);border-radius:5px;background:#070b12}.crop-preview canvas{display:block;width:100%;height:100%;min-height:min(56dvh,520px);touch-action:none;cursor:move}.crop-preview canvas:active{cursor:grabbing}.crop-controls{display:grid;align-content:start;gap:9px;padding:9px;border:1px solid rgba(125,151,196,.16);border-radius:5px;background:#1220379e;text-align:center}.crop-controls .rail-field{margin:0}.crop-controls .rail-label{justify-content:center}.crop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crop-actions button{min-height:30px;border:1px solid rgba(132,157,199,.25);border-radius:4px;background:#3646628f;color:#d5dfef;font-size:10px}.crop-actions button:hover{border-color:#4a91ff;background:#2f7ff738}.crop-foot{justify-content:stretch}.crop-foot .rail-button{flex:1;min-width:0}.crop-note{margin:0;padding:0 16px 10px;color:#a8c7fa;font-size:11px;text-align:center}.account-dialog{grid-template-columns:repeat(3,minmax(0,1fr))}.account-dialog>div{display:grid;gap:6px;padding:12px;border:1px solid rgba(130,154,194,.2);border-radius:6px;background:#3646606e}.account-dialog span{color:#9daec8;font-size:12px}.account-dialog b{color:#eaf0fa;font-size:14px}.account-dialog .rail-button{grid-column:1 / -1;margin-top:4px}.account-profile-dialog{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px}.account-avatar{display:grid;width:76px;height:76px;place-items:center;border-radius:9px;background:#1e5fff;color:#fff;box-shadow:0 6px 16px #1e5fff38}.account-profile-dialog h3{margin:0;color:#f6f8fd;font-size:16px;line-height:1.2}.account-profile-dialog p{margin:7px 0 10px;color:#aebbd0;font-size:11px}.account-profile-dialog p button{border:0;background:transparent;color:#5f9dff;font:inherit}.account-chips{display:flex;flex-wrap:wrap;gap:6px}.account-chips span,.account-chips b{min-height:27px;padding:0 9px;border-radius:14px;background:#f0f2f5;color:#455267;font-size:11px;line-height:27px}.account-chips b{border:1px solid #d7e7ff;background:#edf5ff;color:#1e5fff}.account-tools{display:grid;gap:6px;align-self:end}.account-tools button{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(130,154,194,.32);border-radius:5px;background:#3646607a;color:#aebbd0}.account-tools button:hover{border-color:#4a91ff;color:#fff}.account-profile-dialog>.rail-button{grid-column:1 / -1;min-height:34px;margin:5px 0 0}.settings-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.settings-actions .rail-button{margin:0}.privacy-dialog{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-dialog p{grid-column:1 / -1}.privacy-dialog .selected{border-color:#4b9aff;background:#2360c357;color:#e6f0ff}.dialog:has(.service-dialog){width:min(100%,330px)}.service-dialog{justify-items:center;text-align:center}.service-dialog label{width:100%;text-align:left}.service-dialog h3{margin:2px 0 4px;color:#f3f7ff;font-size:16px}.service-dialog>img,.service-qr-placeholder{width:min(200px,100%);aspect-ratio:1;object-fit:contain;padding:6px;border:1px solid rgba(149,174,219,.28);border-radius:5px;background:#f4f8fff0;color:#364152}.service-qr-placeholder{display:grid;place-items:center;background-image:linear-gradient(45deg,rgba(62,79,110,.14) 25%,transparent 25%),linear-gradient(-45deg,rgba(62,79,110,.14) 25%,transparent 25%);background-size:16px 16px}.history-dialog{max-height:min(62dvh,540px);overflow-y:auto;padding:18px 22px;color:#c7d2e4}.history-dialog>p{margin:0}.history-list{display:grid;gap:8px}.history-list button{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(130,154,194,.2);border-radius:6px;background:#3646606e;color:#eaf0fa;text-align:left}.history-list button:hover{border-color:#4a91ff;background:#2f7ff72e}.history-list span{display:grid;min-width:0;gap:4px}.history-list b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.history-list small{color:#9daec8;font-size:11px}.history-list strong{color:#9ec4ff;font-size:12px}.noise-inline{display:block}.noise-inline summary{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:30px;align-items:center;gap:6px;color:#aebed4;cursor:pointer;list-style:none}.noise-inline summary::-webkit-details-marker{display:none}.noise-inline summary:after{content:"展开";color:#80adf5;font-size:10px}.noise-inline[open] summary:after{content:"收起"}.noise-inline summary span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.noise-inline summary b{color:#edf5ff;font-size:11px}.noise-inline-list{max-height:190px;overflow-y:auto;border-top:1px solid rgba(138,162,203,.16);scrollbar-color:#8794aa rgba(32,44,65,.55);scrollbar-width:thin}.noise-inline-list button{display:grid;grid-template-columns:18px minmax(0,1fr) auto 14px;width:100%;min-height:27px;align-items:center;gap:5px;border:0;border-bottom:1px solid rgba(138,162,203,.1);background:transparent;color:#d9e5f5;text-align:left}.noise-inline-list button:hover{background:#4b73ab40}.noise-inline-list i{width:14px;height:14px;border:1px solid rgba(231,242,255,.35);border-radius:2px}.noise-inline-list span,.noise-inline-list b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.noise-inline-list b{color:#aebed4;font-weight:500}.noise-inline-list svg{color:#8fa5c5}.noise-restore{width:100%;min-height:26px;margin-top:6px;border:1px solid rgba(109,160,246,.5);border-radius:4px;background:#2e68c733;color:#aed0ff;font-size:10px}.landing-page,.projects-page{height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;background:#080d16;color:#dbe5f3}.landing-header,.projects-header{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:0 max(20px,calc((100% - 1200px)/2));border-bottom:1px solid rgba(147,172,217,.16);background:#0f192bd6;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.landing-header nav{display:flex;gap:7px}.landing-header nav button,.projects-header>button{min-height:30px;padding:0 10px;border:1px solid rgba(151,176,218,.22);border-radius:5px;background:#41516fad;color:#d8e2f3;font-size:11px}.landing-header nav button:first-child{border-color:#3d86fa;background:#2f7ff7;color:#fff}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,390px);align-items:center;gap:clamp(32px,7vw,110px);width:min(1120px,calc(100% - 40px));min-height:440px;margin:0 auto;padding:54px 0 44px}.landing-kicker,.landing-section>header>p,.projects-content>header p{margin:0 0 8px;color:#7af;font-size:11px;font-weight:700;letter-spacing:0}.landing-hero h1{margin:0;color:#f7f9ff;font-size:38px;line-height:1.15}.landing-hero p:not(.landing-kicker){max-width:460px;margin:15px 0 22px;color:#aebbd0;font-size:14px;line-height:1.7}.landing-primary{min-height:38px;padding:0 17px;border:1px solid #438bff;border-radius:6px;background:#2f7ff7;box-shadow:0 6px 18px #1e5fff3b;color:#fff;font-size:12px;font-weight:700}.bead-showcase{display:grid;grid-template-columns:repeat(14,1fr);width:min(100%,390px);aspect-ratio:1;justify-self:end;overflow:hidden;padding:12px;border:1px solid rgba(166,192,234,.28);border-radius:8px;background:#1c2b45b8;box-shadow:0 18px 42px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bead-showcase i{position:relative;min-width:0;min-height:0;border:1px solid rgba(8,15,28,.25)}.bead-showcase i:after{position:absolute;top:18%;right:24%;bottom:60%;left:24%;background:#ffffff45;content:""}.bead-showcase.compact{grid-template-columns:repeat(10,1fr);width:126px;padding:5px;border-radius:5px;box-shadow:none}.landing-section{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:42px 0;border-top:1px solid rgba(147,172,217,.12)}.landing-section h2{margin:0;color:#edf3fc;font-size:21px;line-height:1.35}.landing-showcase{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center;margin-top:22px}.landing-showcase .bead-showcase{justify-self:start;width:170px}.landing-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px}.landing-legend b{color:#eaf1fb;font-size:12px}.landing-legend span{color:#9fadc2;font-size:11px;line-height:1.55}.landing-tutorial{padding-bottom:64px}.landing-tutorial ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0;margin:22px 0 0;list-style:none}.landing-tutorial li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:68px;padding:12px;border:1px solid rgba(126,155,207,.17);border-radius:6px;background:#14223994}.landing-tutorial b{color:#76abff;font-size:16px}.landing-tutorial span{color:#aebbd0;font-size:11px;line-height:1.55}.projects-content{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:44px 0 72px}.projects-content>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.projects-content h1{margin:0;color:#f4f7fd;font-size:24px;line-height:1.3}.projects-content>header>span{color:#9aabc3;font-size:11px}.projects-empty{display:grid;min-height:260px;place-items:center;border:1px dashed rgba(147,172,217,.25);color:#94a5be}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.project-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:11px;border:1px solid rgba(126,155,207,.19);border-radius:7px;background:#142239a8}.project-thumb{display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#eef3f8}.project-thumb canvas{display:block;width:90px;height:90px;image-rendering:pixelated}.project-card h2{overflow:hidden;margin:3px 0 5px;color:#edf3fc;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.project-card p,.project-card small{display:block;margin:0;color:#a4b3c7;font-size:10px;line-height:1.5}.project-card footer{display:flex;grid-column:1 / -1;gap:7px;border-top:1px solid rgba(126,155,207,.14);padding-top:9px}.project-card footer button{flex:1;min-height:29px;border:1px solid rgba(118,151,207,.3);border-radius:5px;background:#384b6c7a;color:#dbe6f6;font-size:11px}.project-card footer button:first-child{border-color:#3e86f8;background:#2769de94;color:#fff}@media(max-width:760px){.landing-header,.projects-header{padding:0 14px}.landing-hero{grid-template-columns:1fr;min-height:0;padding:40px 0}.landing-hero h1{font-size:30px}.landing-hero .bead-showcase{justify-self:start;width:min(270px,100%)}.landing-showcase,.landing-tutorial ol{grid-template-columns:1fr}.landing-legend{grid-template-columns:1fr;gap:5px}.projects-content{padding-top:30px}}@media(max-width:1080px){.editor-layout{grid-template-columns:minmax(0,1fr) 330px}.editor-rail{padding:12px 10px 28px}.rail-section{padding:10px}.tool-grid{gap:7px}.tool-grid button{font-size:12px}}@media(max-width:760px){body{overflow:auto}.landing-header{min-height:58px;gap:8px;padding:0 14px}.landing-header .studio-brand{min-width:0;gap:7px}.landing-header .strawberry-mark{width:34px;height:34px;font-size:14px}.landing-header .studio-brand strong{font-size:14px}.landing-header nav{flex:0 0 auto}.landing-header nav button{min-height:30px;padding:0 8px;font-size:10px;white-space:nowrap}.studio-shell{height:auto;min-height:100dvh;overflow:visible}.studio-header{height:58px;padding:0 12px}.strawberry-mark{width:40px;height:40px;font-size:18px}.studio-brand strong{font-size:16px}.studio-brand small{font-size:10px}.studio-header-actions button{min-height:34px;padding:0 9px;font-size:12px}.editor-layout,.readonly-banner+.editor-layout{display:flex;height:auto;min-height:calc(100dvh - 58px);flex-direction:column}.editor-canvas-panel{min-height:590px;padding:12px}.editor-rail{overflow:visible;border-top:1px solid rgba(139,169,221,.17);border-left:0}.color-list,.palette-series-list{max-height:250px}.modal-scrim{align-items:end;padding:0}.dialog{width:100%;max-height:92dvh;border-radius:10px 10px 0 0}.dialog-head,.dialog-body,.palette-dialog-body,.noise-dialog-body,.dialog-foot{padding-right:18px;padding-left:18px}.palette-choice-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.export-stats{grid-template-columns:1fr}.crop-dialog-body{grid-template-columns:1fr;padding:14px}.crop-preview,.crop-preview canvas{min-height:min(50dvh,480px)}.account-dialog{grid-template-columns:1fr}.account-profile-dialog{grid-template-columns:72px minmax(0,1fr);gap:13px;padding:20px}.account-avatar{width:72px;height:72px;border-radius:12px}.account-profile-dialog h3{font-size:18px}.account-profile-dialog p{margin:6px 0 10px;font-size:13px}.account-tools{grid-column:1 / -1;grid-row:2;display:flex;justify-content:end}.account-chips span,.account-chips b{min-height:30px;padding:0 11px;font-size:13px;line-height:30px}.settings-actions,.privacy-dialog{grid-template-columns:1fr}.crop-foot{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--pb-paper: #fefefe;--pb-surface: #ffffff;--pb-ink: #172033;--pb-muted: #627089;--pb-line: #d8dee8;--pb-soft: #f2f5f8;--pb-red: #e85b64;--pb-red-dark: #c94752;--pb-blue: #2563c7;--pb-blue-soft: #e9f1ff;--pb-shadow: 0 10px 26px rgba(23, 32, 51, .09)}body{background:var(--pb-paper);color:var(--pb-ink);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,199,.35);outline-offset:2px}.landing-page{background:var(--pb-paper);color:var(--pb-ink)}.landing-header{position:sticky;z-index:10;top:0;min-height:72px;padding:0 max(24px,calc((100% - 1180px)/2));border-color:var(--pb-line);background:#fefffff0;box-shadow:0 1px #17203308;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-header .studio-brand strong{color:var(--pb-ink);font-size:17px}.landing-header .studio-brand small{color:var(--pb-muted)}.landing-header nav{align-items:center;gap:8px}.landing-header nav button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--pb-line);border-radius:5px;background:var(--pb-surface);color:var(--pb-ink);font-size:13px}.landing-header nav .landing-nav-start,.landing-header nav button:first-child.landing-nav-start{border-color:var(--pb-red);background:var(--pb-red);color:#fff}.landing-header nav .landing-tutorial-link{color:var(--pb-blue)}.strawberry-mark{border-color:#172033;border-radius:5px;background:var(--pb-red);box-shadow:inset 5px 5px #f8898e,inset -5px -5px #bf414d,2px 2px #172033;color:#fff}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(330px,480px);gap:clamp(44px,9vw,132px);width:min(1180px,calc(100% - 48px));min-height:560px;padding:70px 0 56px}.landing-copy{will-change:transform,opacity}.landing-kicker,.landing-section>header>p{color:var(--pb-red);font-size:12px;font-weight:800}.landing-hero h1{max-width:520px;color:var(--pb-ink);font-size:52px;line-height:1.12}.landing-hero p:not(.landing-kicker){color:var(--pb-muted);font-size:16px;line-height:1.8}.landing-actions{display:flex;flex-wrap:wrap;gap:10px}.landing-primary,.landing-secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:7px;padding:0 17px;border-radius:5px;font-size:14px;font-weight:800;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.landing-primary{border-color:var(--pb-red);background:var(--pb-red);box-shadow:3px 3px 0 var(--pb-red-dark);color:#fff}.landing-secondary{border:1px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-blue)}.landing-primary:hover,.landing-secondary:hover{transform:translateY(-2px)}.landing-facts{display:flex;flex-wrap:wrap;gap:10px 16px;padding:0;margin:28px 0 0;list-style:none;color:var(--pb-muted);font-size:12px}.landing-facts li{display:flex;align-items:center;gap:6px}.landing-facts li:before{width:8px;height:8px;border:1px solid var(--pb-red-dark);background:#ffd7da;content:""}.bead-showcase{width:min(100%,450px);padding:16px;border:2px solid var(--pb-ink);border-radius:4px;background:#fff;box-shadow:10px 10px #dce5f0;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform,opacity}.bead-showcase i{border-color:#17203342}.bead-showcase i:after{background:#ffffff59}.landing-section{width:min(1180px,calc(100% - 48px));padding:72px 0;border-color:var(--pb-line)}.landing-section h2{color:var(--pb-ink);font-size:28px}.landing-video-section{display:grid;grid-template-columns:minmax(210px,.5fr) minmax(0,1fr);align-items:center;gap:56px}.landing-video-section>header{max-width:300px}.landing-video-slot{position:relative;min-height:0;aspect-ratio:16 / 9;overflow:hidden;border:2px solid var(--pb-ink);border-radius:4px;background:#f7fafc;box-shadow:8px 8px #dce5f0}.video-slot-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.72;background-image:linear-gradient(rgba(37,99,199,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,199,.17) 1px,transparent 1px);background-size:24px 24px}.video-slot-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:8px;color:var(--pb-ink);text-align:center}.video-slot-copy span{color:var(--pb-red);font-size:11px;font-weight:800}.video-slot-copy strong{font-size:22px}.video-slot-copy small{color:var(--pb-muted);font-size:12px}.video-slot-play{position:absolute;right:18px;bottom:18px;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--pb-ink);border-radius:50%;background:var(--pb-red);color:#fff;font-size:17px}.landing-showcase{grid-template-columns:190px minmax(0,1fr);gap:44px}.landing-showcase .bead-showcase{width:180px;box-shadow:5px 5px #dce5f0}.landing-legend{gap:12px}.landing-legend>div{display:grid;gap:5px;min-height:90px;padding:18px;border:1px solid var(--pb-line);border-radius:4px;background:var(--pb-surface)}.landing-legend b{color:var(--pb-ink);font-size:14px}.landing-legend span{color:var(--pb-muted);font-size:12px;line-height:1.55}.landing-tutorial>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px}.landing-tutorial>header>p,.landing-tutorial>header>h2{grid-column:1}.tutorial-open{grid-column:2;grid-row:1 / span 2}.landing-tutorial li{border-color:var(--pb-line);border-radius:4px;background:var(--pb-surface);box-shadow:none}.landing-tutorial b{color:var(--pb-red)}.landing-tutorial span{color:var(--pb-muted);font-size:12px}.tutorial-placeholder{min-height:100dvh;background:var(--pb-paper);color:var(--pb-ink)}.tutorial-placeholder header{display:flex;min-height:72px;align-items:center;gap:22px;padding:0 max(24px,calc((100% - 980px)/2));border-bottom:1px solid var(--pb-line)}.tutorial-placeholder header button{min-height:40px;padding:0 12px;border:1px solid var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink)}.tutorial-placeholder section{display:grid;min-height:calc(100dvh - 72px);align-content:center;justify-items:start;width:min(980px,calc(100% - 48px));margin:0 auto}.tutorial-placeholder section p{color:var(--pb-red);font-weight:800}.tutorial-placeholder h1{margin:0 0 12px;font-size:38px}.tutorial-placeholder section span{color:var(--pb-muted)}.studio-shell{background:var(--pb-soft)}.studio-header{height:64px;padding:0 18px;border-color:var(--pb-line);background:#fefffff5;box-shadow:0 1px #1720330a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.studio-brand strong{color:var(--pb-ink)}.studio-brand small{color:var(--pb-muted)}.studio-header-actions button{min-height:38px;border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink);font-size:12px}.studio-header-actions button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.studio-header-actions button:last-child{border-color:var(--pb-red);background:var(--pb-red);color:#fff}.editor-layout{height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr) 336px;background:var(--pb-soft)}.readonly-banner{border-color:#f2c6ca;background:#fff3f4;color:#7a2630}.editor-canvas-panel{position:relative;padding:18px 20px 12px}.editor-canvas-wrap{border-color:#abc4ee;border-radius:4px;background:#feffff;box-shadow:var(--pb-shadow)}.canvas-dimensions{border-color:var(--pb-line);border-radius:3px;background:#feffffeb;color:var(--pb-muted)}.canvas-footer{min-height:36px;padding:0 5px;color:var(--pb-muted);font-size:12px}.canvas-footer span:last-child{justify-content:flex-end}.canvas-footer i{border-color:#1720336b;border-radius:2px}.picked-color-toast,.history-prune-toast{position:absolute;z-index:3;right:34px;display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid #f3abb0;border-radius:4px;background:#fff;box-shadow:var(--pb-shadow);color:var(--pb-ink);font-size:13px;font-weight:800;will-change:transform,opacity;pointer-events:none}.picked-color-toast{bottom:57px}.history-prune-toast{bottom:105px}.editor-rail{padding:14px;border-color:var(--pb-line);background:#fff;scrollbar-color:#b8c2d1 #f3f5f8}.rail-section{padding:12px;margin-bottom:10px;border-color:var(--pb-line);border-radius:4px;background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.rail-section h2{color:var(--pb-ink);font-size:13px}.rail-section>header span{color:var(--pb-muted)}.mode-stack button,.tool-grid button,.rail-label button{border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink)}.mode-stack button:hover,.tool-grid button:hover,.rail-label button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.mode-stack button.active,.tool-grid button.active{border-color:var(--pb-red);background:#fff3f4;color:var(--pb-red-dark)}.tool-grid{gap:6px}.tool-grid button{min-height:36px;font-size:12px}.rail-field{color:var(--pb-muted)}.rail-field input[type=range]{accent-color:var(--pb-red)}.rail-field select,.rail-input-row input{border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink)}.rail-input-row button{border-color:var(--pb-line);border-radius:3px;background:#f7f9fc;color:var(--pb-ink)}.brush-palette{border-color:var(--pb-line)}.brush-palette-toggle{min-height:38px;border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink)}.brush-palette-toggle:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.brush-palette-toggle b{color:var(--pb-blue)}.brush-palette-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.brush-palette-grid button{border-color:#17203370;border-radius:2px}.brush-palette-grid button.selected{border-color:#fff;box-shadow:0 0 0 2px var(--pb-red)}.brand-tabs button,.preset-tabs button{min-height:32px;border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink);font-size:11px}.brand-tabs button.active,.preset-tabs button.active{border-color:var(--pb-red);background:#fff3f4;color:var(--pb-red-dark)}.rail-button{min-height:38px;border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink)}.rail-button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.rail-button.primary{border-color:var(--pb-red);background:var(--pb-red);box-shadow:2px 2px 0 var(--pb-red-dark)}.rail-button.outline{border-color:var(--pb-blue);background:#fff;color:var(--pb-blue)}.noise-inline summary,.noise-inline summary b{color:var(--pb-muted)}.noise-inline summary:after{color:var(--pb-blue)}.noise-inline-list{border-color:var(--pb-line)}.noise-inline-list button{color:var(--pb-ink)}.noise-inline-list button:hover{background:var(--pb-soft)}.mobile-tool-dock{display:none}@media(max-width:1023px){.editor-layout{grid-template-columns:minmax(0,1fr) 306px}.editor-rail{padding:10px}.landing-video-section{gap:34px}}@media(max-width:639px){body{overflow:auto}.landing-header{min-height:64px;padding:0 14px}.landing-header .studio-brand{gap:7px}.landing-header .studio-brand small{display:none}.landing-header .strawberry-mark{width:34px;height:34px;font-size:14px}.landing-header nav{gap:5px}.landing-header nav button{min-width:42px;min-height:42px;padding:0 9px;font-size:0}.landing-header nav button svg{width:18px;height:18px}.landing-header nav .landing-nav-start{min-width:auto;font-size:12px}.landing-hero{grid-template-columns:1fr;gap:34px;width:min(100% - 28px,520px);min-height:0;padding:46px 0 42px}.landing-hero h1{font-size:36px}.landing-hero p:not(.landing-kicker){font-size:15px}.landing-actions{display:grid;grid-template-columns:1fr 1fr}.landing-actions button{min-width:0;padding:0 10px}.landing-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bead-showcase{justify-self:center;width:min(100%,340px);padding:12px;box-shadow:6px 6px #dce5f0}.landing-section{width:min(100% - 28px,520px);padding:48px 0}.landing-section h2{font-size:24px}.landing-video-section{display:block}.landing-video-section>header{margin-bottom:25px}.landing-video-slot{box-shadow:5px 5px #dce5f0}.landing-showcase{grid-template-columns:1fr;gap:22px}.landing-showcase .bead-showcase{justify-self:start;width:156px}.landing-legend{grid-template-columns:1fr}.landing-legend>div{min-height:0;padding:15px}.landing-tutorial>header{grid-template-columns:minmax(0,1fr);row-gap:15px}.tutorial-open{grid-column:1;grid-row:auto;justify-self:start}.landing-tutorial ol{gap:8px}.landing-tutorial li{min-height:58px}.tutorial-placeholder header{padding:0 14px}.tutorial-placeholder section{width:calc(100% - 28px)}.tutorial-placeholder h1{font-size:30px}.studio-shell{min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.studio-header{position:sticky;z-index:12;top:0;height:60px;padding:0 12px}.studio-header .studio-brand{min-width:0}.studio-header .studio-brand small{display:none}.studio-header-actions{gap:4px}.studio-header-actions button{width:40px;min-width:40px;min-height:40px;padding:0;font-size:0}.studio-header-actions button svg{width:18px;height:18px}.studio-header-actions button:nth-child(-n+3){display:none}.editor-layout,.readonly-banner+.editor-layout{display:block;height:auto;min-height:0}.editor-canvas-panel{min-height:min(74dvh,700px);padding:10px 10px 0}.editor-canvas-wrap{min-height:min(65dvh,590px);box-shadow:none}.canvas-dimensions{top:8px;left:8px;font-size:10px}.canvas-footer{min-height:38px;gap:8px;padding:0 2px;font-size:11px}.canvas-footer span:last-child{display:none}.picked-color-toast,.history-prune-toast{right:18px}.picked-color-toast{bottom:56px}.history-prune-toast{bottom:104px}.editor-rail{overflow:visible;padding:10px 10px 0;border-top:1px solid var(--pb-line);border-left:0}.editor-rail>.rail-section:first-child,.editor-rail>.rail-section:nth-child(2),.editor-rail>.rail-section:nth-child(4),.editor-rail>.rail-section:nth-child(5),.editor-rail>.rail-actions{display:none}.rail-section{padding:10px}.tool-grid{display:none}.brush-palette-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.mobile-tool-dock{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-height:calc(68px + env(safe-area-inset-bottom));padding:6px 5px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--pb-line);background:#fffffff7;box-shadow:0 -8px 22px #17203317;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-tool-dock button{display:grid;min-width:0;min-height:54px;align-content:center;justify-items:center;gap:3px;padding:0 1px;border:0;border-radius:4px;background:transparent;color:var(--pb-muted);font-size:10px}.mobile-tool-dock button.active{background:#fff0f1;color:var(--pb-red-dark)}.mobile-tool-dock button:disabled{opacity:.42}}.configured-media{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.transform-card>picture{display:block;min-height:168px}.transform-card>picture>.configured-media{min-height:168px;border:1px solid rgba(23,32,51,.18);background:#f3f0ea}.landing-video-slot>.configured-media,.tutorial-video-slot>.configured-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%}.deferred-video{padding:0;border:0;background:transparent;cursor:pointer}.deferred-video picture,.deferred-video picture>img{display:block;width:100%;height:100%}.deferred-video-play{position:absolute;z-index:1;top:50%;left:50%;color:#fffdfa;filter:drop-shadow(2px 2px 0 #172033);transform:translate(-50%,-50%)}.deferred-video-fallback{display:block;width:100%;height:100%;background:#dff1fb}.dialog:has(.export-dialog),.dialog:has(.dialog-body>.export-options),.dialog:has(.renew-dialog){width:min(100%,420px)}.export-dialog{gap:14px}.export-options{display:grid;gap:8px;padding:11px;border:1px solid rgba(132,159,202,.25);border-radius:5px;background:#2130497a}.export-options>label{display:flex;min-height:30px;align-items:center;gap:8px;color:#dbe5f4;font-size:12px}.export-options input[type=checkbox]{width:16px;height:16px;accent-color:#2f7ff7}.export-color-field{display:grid!important;grid-template-columns:minmax(0,1fr) 38px auto;padding-top:8px;border-top:1px solid rgba(132,159,202,.18)}.export-color-field input[type=color]{width:38px;min-height:30px;padding:2px;border-radius:4px;cursor:pointer}.export-color-field code{color:#9ec5ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.export-dialog-foot{flex-wrap:wrap}.export-dialog-foot .rail-button{min-width:92px}.export-dialog-foot .rail-button.outline{border-color:#5dbe9f;color:#a5e6c9}.privacy-dialog,.account-settings-dialog{grid-template-columns:1fr}@media(max-width:639px){.transform-card>picture,.transform-card>picture>.configured-media{min-height:132px}.dialog:has(.export-dialog){width:min(100%,360px)}.export-dialog-foot .rail-button{flex:1 1 88px;min-width:0;padding-inline:7px}}.dialog:has(.export-dialog-v2),.dialog:has(.apple-export-preview){display:flex;width:min(100%,480px);flex-direction:column;overflow:hidden;border:2px solid #172033;border-radius:6px;background:#f4f7fb;box-shadow:8px 8px #17203352}.dialog:has(.export-dialog-v2) .dialog-head,.dialog:has(.apple-export-preview) .dialog-head{min-height:58px;padding-inline:20px;border-bottom:0;background:#172033}.dialog:has(.export-dialog-v2) .dialog-head h2,.dialog:has(.apple-export-preview) .dialog-head h2{color:#fff;font-size:17px;letter-spacing:.01em}.dialog:has(.export-dialog-v2) .dialog-head>button,.dialog:has(.apple-export-preview) .dialog-head>button{color:#c8d5e6}.dialog:has(.export-dialog-v2) .dialog-head>button:hover,.dialog:has(.apple-export-preview) .dialog-head>button:hover{color:#fff}.export-dialog-v2{min-height:0;gap:14px;padding:18px 20px 20px;overflow-y:auto;background:#f4f7fb;color:#172033}.export-v2-intro{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.export-v2-icon{display:grid;width:44px;height:44px;place-items:center;border:2px solid #172033;border-radius:4px;background:#ffd44f;color:#172033;box-shadow:3px 3px #d5a741}.export-v2-intro p{margin:0 0 3px;color:#d64d5f;font-size:10px;font-weight:900;letter-spacing:.12em}.export-v2-intro h3{margin:0;color:#172033;font-size:20px;line-height:1.25}.export-v2-intro div>span{display:block;margin-top:4px;color:#536176;font-size:12px;line-height:1.45}.export-v2-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.export-v2-summary>div{display:grid;min-height:72px;align-content:center;gap:5px;padding:10px 11px;border:1px solid #bdccdc;border-radius:3px;background:#fff}.export-v2-summary span{color:#536176;font-size:11px;font-weight:700}.export-v2-summary b{color:#172033;font-size:16px;line-height:1.1;overflow-wrap:anywhere}.export-v2-summary b small{color:#667186;font-size:11px;font-weight:700}.export-v2-section{display:grid;gap:10px;padding:13px;border:2px solid #172033;border-radius:4px;background:#fff;box-shadow:3px 3px #c6d6e8}.export-v2-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #d7e1ec}.export-v2-section>header h4{margin:0;color:#172033;font-size:14px}.export-v2-section>header span{display:block;margin-top:3px;color:#667186;font-size:11px;line-height:1.4}.export-v2-section>header>svg{flex:0 0 auto;color:#267b68}.export-v2-toggle-list{display:grid;gap:5px}.export-v2-toggle{position:relative;display:grid;min-height:58px;grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;gap:9px;padding:7px 8px;border:1px solid #d3deea;border-radius:3px;background:#f8fbff;cursor:pointer}.export-v2-toggle:hover{border-color:#77a4d2;background:#f1f7ff}.export-v2-toggle-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid #b7c9de;border-radius:3px;background:#eaf2fb;color:#2563c7}.export-v2-toggle-copy{display:grid;min-width:0;gap:2px}.export-v2-toggle-copy b{color:#172033;font-size:13px}.export-v2-toggle-copy small{color:#667186;font-size:10px;line-height:1.35}.export-v2-toggle input{position:absolute;width:1px;height:1px;opacity:0}.export-v2-toggle>i{position:relative;display:block;width:38px;height:22px;border:1px solid #aebdcc;border-radius:12px;background:#d9e2ed;transition:background-color .16s ease,border-color .16s ease}.export-v2-toggle>i:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17203340;content:"";transition:transform .16s ease}.export-v2-toggle input:checked+i{border-color:#267b68;background:#35a17f}.export-v2-toggle input:checked+i:after{transform:translate(16px)}.export-v2-toggle input:focus-visible+i{outline:3px solid rgba(37,99,199,.35);outline-offset:2px}.export-v2-color-section{gap:12px}.export-v2-color-preview{width:28px!important;height:28px;margin-top:0!important;border:2px solid #172033;border-radius:3px;box-shadow:2px 2px #c6d6e8}.export-v2-color-picker{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;min-height:44px;align-items:center;gap:10px;padding:6px 8px 6px 11px;border:1px solid #c6d6e8;border-radius:3px;background:#f8fbff;color:#536176;font-size:11px;font-weight:800}.export-v2-color-picker input[type=color]{width:42px;height:30px;padding:2px;border:1px solid #8fa5bd;border-radius:3px;background:#fff;cursor:pointer}.export-v2-color-picker code{color:#174c9f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.export-v2-foot{display:grid;flex:0 0 auto;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 20px 15px;border-top:2px solid #d3deea;background:#fff}.export-v2-foot .rail-button{min-height:44px;margin:0;font-size:12px}.export-v2-foot .rail-button.outline{border-color:#2563c7;background:#eff6ff;color:#174c9f}.export-v2-foot .rail-button.primary{border-color:#a83444;background:#d64d5f;color:#fff}.apple-export-preview{display:grid;min-height:0;gap:12px;padding:16px 20px;overflow:auto;background:#f4f7fb}.apple-export-save-hint{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #9fc8b9;border-radius:3px;background:#eef9f5;color:#205f50}.apple-export-save-hint>div{display:grid;gap:2px}.apple-export-save-hint strong{font-size:14px}.apple-export-save-hint span{color:#5c786f;font-size:11px}.apple-export-preview figure{display:grid;max-height:min(68dvh,680px);margin:0;overflow:auto;border:1px solid #bdccdc;background:#edf2f6}.apple-export-preview img{display:block;width:100%;height:auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.apple-export-preview-foot{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:8px;padding:12px 20px 15px;border-top:2px solid #d3deea;background:#fff}.apple-export-preview-foot .rail-button{min-height:44px;margin:0;font-size:12px}.apple-export-preview-foot .rail-button.outline{border-color:#2563c7;background:#eff6ff;color:#174c9f}.apple-export-preview-foot .rail-button.primary{border-color:#a83444;background:#d64d5f;color:#fff}@media(max-width:639px){.dialog:has(.export-dialog-v2),.dialog:has(.apple-export-preview){width:min(calc(100vw - 24px),390px);max-height:min(92dvh,720px)}.export-dialog-v2{padding:16px 14px 15px}.export-v2-intro h3{font-size:18px}.export-v2-summary{gap:5px}.export-v2-summary>div{min-height:66px;padding:8px}.export-v2-summary b{font-size:14px}.export-v2-foot{grid-template-columns:1fr 1fr;padding:10px 14px 13px}.export-v2-foot .rail-button:first-child{grid-column:1 / -1}.apple-export-preview{padding:14px}.apple-export-preview-foot{padding:10px 14px 13px}}@media(prefers-reduced-motion:reduce){.export-v2-toggle>i,.export-v2-toggle>i:after{transition:none}}.editor-layout{grid-template-columns:144px minmax(0,1fr) 326px}.editor-tool-rail{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 10px;border-right:1px solid var(--pb-line);background:#fff;scrollbar-color:#b8c2d1 #f3f5f8;scrollbar-width:thin}.tool-rail-heading{display:grid;gap:3px;padding:2px 3px 0}.tool-rail-heading span{color:var(--pb-ink);font-size:12px;font-weight:800}.tool-rail-heading b{color:var(--pb-muted);font-size:10px;font-weight:500}.tool-rail-grid,.tool-rail-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.tool-rail-grid{padding-bottom:11px;border-bottom:1px solid var(--pb-line)}.tool-rail-grid button,.tool-rail-history button{display:grid;min-width:0;min-height:52px;align-content:center;justify-items:center;gap:4px;padding:4px;border:1px solid var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-muted);font-size:10px;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.tool-rail-grid button:hover,.tool-rail-history button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft);color:var(--pb-blue)}.tool-rail-grid button.active{border-color:var(--pb-red);background:#fff2f3;color:var(--pb-red-dark)}.tool-rail-history button:disabled{color:#b7c0ce;opacity:.65}.tool-rail-brush{display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--pb-line)}.tool-rail-brush .brush-palette{margin-top:0;padding-top:0;border-top:0}.tool-rail-brush .brush-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-rail-brush .brush-palette-grid button{font-size:0}.editor-inspector{min-height:0;overflow-y:auto;padding:12px;border-left:1px solid var(--pb-line);background:#fff;scrollbar-color:#b8c2d1 #f3f5f8;scrollbar-width:thin}.inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:4px;border:1px solid var(--pb-line);border-radius:5px;background:var(--pb-soft)}.inspector-tabs button{min-height:34px;border:0;border-radius:3px;background:transparent;color:var(--pb-muted);font-size:12px;font-weight:700}.inspector-tabs button.active{background:#fff;box-shadow:0 1px 3px #1720331f;color:var(--pb-ink)}.inspector-actions{margin:0 0 10px}.inspector-actions .rail-button{margin:0}.inspector-command-list{display:grid;gap:6px}.inspector-command-list button{display:flex;width:100%;min-height:40px;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border:1px solid var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink);font-size:12px;text-align:left}.inspector-command-list button:hover,.inspector-command-list button.active{border-color:var(--pb-blue);background:var(--pb-blue-soft);color:var(--pb-blue)}.inspector-command-list span{color:var(--pb-muted);font-size:11px}.mobile-brush-controls{display:none}.modal-scrim{background:#17203347;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{border:1px solid var(--pb-line);border-radius:7px;background:#fff;box-shadow:0 22px 70px #1720333d;will-change:transform,opacity}.dialog-head{min-height:54px;border-bottom-color:var(--pb-line);background:#fff}.dialog-head h2{color:var(--pb-ink);font-size:16px}.dialog-head>button{color:var(--pb-muted)}.dialog-head>button:hover{color:var(--pb-red-dark)}.dialog-body,.palette-dialog-body,.noise-dialog-body{color:var(--pb-ink)}.dialog-body label,.dialog-subtitle,.dialog-body>p,.color-choice-dialog,.noise-dialog-body{color:var(--pb-muted)}.dialog-body input,.dialog-body textarea{border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink)}.dialog-foot{border-top-color:var(--pb-line);background:var(--pb-soft)}.palette-search-field{border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-muted)}.palette-search-field input{color:var(--pb-ink)}.dialog-hint{border-color:#bed3f7;border-radius:4px;background:var(--pb-blue-soft);color:#31558d}.palette-series-trigger{border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink)}.palette-series-trigger:hover,.palette-series-trigger.active{border-color:var(--pb-blue);background:var(--pb-blue-soft);color:var(--pb-blue)}.palette-series-trigger small,.palette-series-trigger b,.palette-series-trigger.active b{color:var(--pb-muted)}.palette-choice-grid button{border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink)}.palette-choice-grid button:hover,.palette-choice-grid button.selected{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.palette-choice-grid span{color:var(--pb-ink)}.palette-choice-grid b{color:var(--pb-blue)}.crop-dialog-body{background:#f4f6f9}.crop-preview{border-color:var(--pb-line);border-radius:4px;background:#e9edf3}.crop-controls{border-color:var(--pb-line);border-radius:4px;background:#fff}.crop-actions button{border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink)}.crop-actions button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.crop-note{color:var(--pb-muted)}.color-choice-dialog,.history-dialog{color:var(--pb-ink)}.color-choice-list>button,.history-list button{border-color:var(--pb-line);background:#fff;color:var(--pb-ink)}.color-choice-list>button:hover,.history-list button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.export-stats span,.account-dialog>div{border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-muted)}.export-stats b,.account-dialog b{color:var(--pb-ink)}@media(max-width:1023px)and (min-width:640px){.editor-layout{grid-template-columns:122px minmax(0,1fr) 292px}.editor-tool-rail{padding:10px 8px}.tool-rail-brush .brush-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639px){.editor-layout,.readonly-banner+.editor-layout{display:block}.editor-tool-rail{display:none}.editor-inspector{overflow:visible;padding:10px 10px 0;border-top:1px solid var(--pb-line);border-left:0;background:var(--pb-soft)}.editor-inspector .rail-section{background:#fff}.inspector-tabs{position:sticky;z-index:2;top:68px;margin:0 0 10px;background:#f2f5f8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-brush-controls{display:grid;gap:8px;margin:0 0 10px;padding:10px;border:1px solid var(--pb-line);border-radius:4px;background:#fff}.mobile-brush-controls .brush-palette{margin-top:0;padding-top:8px;border-top-color:var(--pb-line)}.mobile-brush-controls .brush-palette-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.editor-inspector .rail-section{margin-bottom:10px}.dialog{width:100%;border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0}}.editor-layout{grid-template-columns:236px minmax(0,1fr) 326px}.editor-tool-rail{padding:14px 12px}.tool-rail-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:2px 2px 0}.tool-rail-heading span{font-size:13px}.tool-rail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-rail-grid button,.tool-rail-history button{min-height:54px;font-size:11px}.tool-rail-history{grid-template-columns:1fr 1fr}.tool-rail-brush{padding-top:12px}.tool-rail-brush .rail-label{min-height:24px;align-items:center}.tool-rail-brush .rail-label span{color:var(--pb-ink);font-weight:700}.tool-rail-brush .rail-label b{color:var(--pb-red-dark);font-size:13px;font-variant-numeric:tabular-nums}.tool-rail-brush .brush-palette-toggle{min-height:42px}.tool-rail-brush .brush-palette-toggle span{overflow:visible}.tool-rail-brush .brush-palette-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.tool-rail-brush .brush-palette-grid button{aspect-ratio:1;font-size:9px}.workspace-bead-trail{position:absolute;z-index:1;right:34px;bottom:48px;display:flex;gap:5px;pointer-events:none}.workspace-bead-trail i,.landing-bead-trail i{width:11px;height:11px;border:1px solid rgba(23,32,51,.42);border-radius:2px;background:#f9c74f;box-shadow:inset 2px 2px #ffffff73}.workspace-bead-trail i:nth-child(2),.landing-bead-trail i:nth-child(5){background:#7bd6bb}.workspace-bead-trail i:nth-child(3),.landing-bead-trail i:nth-child(2){background:#f18792}.workspace-bead-trail i:nth-child(4),.landing-bead-trail i:nth-child(6){background:#83c5ee}.landing-bead-trail{display:flex;gap:5px;margin-top:24px}.projects-page{height:100dvh;background:var(--pb-paper);color:var(--pb-ink)}.projects-header{position:sticky;z-index:10;top:0;min-height:72px;padding:0 max(24px,calc((100% - 1180px)/2));border-color:var(--pb-line);background:#fefffff0;box-shadow:0 1px #17203308;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.projects-header .studio-brand strong{color:var(--pb-ink)}.projects-header .studio-brand small{color:var(--pb-muted)}.projects-header>button{min-height:40px;padding:0 13px;border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink);font-size:12px}.projects-header>button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft)}.projects-content{width:min(1180px,calc(100% - 48px));padding:56px 0 80px}.projects-hero{position:relative;display:flex;min-height:196px;align-items:center;justify-content:space-between;gap:28px;margin-bottom:34px;padding:30px 34px;overflow:hidden;border:2px solid var(--pb-ink);border-radius:4px;background:#fff;box-shadow:8px 8px #dce5f0}.projects-hero:after{position:absolute;right:0;bottom:0;width:180px;height:100%;opacity:.65;background-image:linear-gradient(rgba(37,99,199,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,199,.16) 1px,transparent 1px);background-size:20px 20px;content:"";pointer-events:none}.projects-hero>div:first-child{position:relative;z-index:1}.projects-hero p{margin:0 0 7px;color:var(--pb-red);font-size:11px;font-weight:800}.projects-hero h1{margin:0 0 10px;color:var(--pb-ink);font-size:32px}.projects-hero span{color:var(--pb-muted);font-size:13px}.projects-hero-art{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.projects-hero-art .bead-showcase{width:100px;padding:4px;border-width:1px;box-shadow:3px 3px #dce5f0}.projects-hero-art b{display:grid;gap:2px;color:var(--pb-red-dark);font-size:34px;line-height:1;text-align:center}.projects-hero-art b small{color:var(--pb-muted);font-size:11px;font-weight:700}.projects-empty{display:flex;min-height:240px;align-items:center;justify-content:center;gap:26px;border:1px dashed #aebacc;background:#fff;color:var(--pb-muted)}.projects-empty .bead-showcase{width:110px;padding:5px;box-shadow:4px 4px #dce5f0}.projects-empty>div{display:grid;max-width:310px;gap:8px}.projects-empty b{color:var(--pb-ink);font-size:18px}.projects-empty span{font-size:13px;line-height:1.7}.projects-empty button{width:max-content;min-height:38px;margin-top:5px;padding:0 13px;border:1px solid var(--pb-red);border-radius:4px;background:var(--pb-red);color:#fff;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{grid-template-columns:106px minmax(0,1fr);gap:14px;padding:13px;border-color:var(--pb-line);border-radius:4px;background:#fff;box-shadow:0 4px 12px #1720330d}.project-card:hover{border-color:#a9bfdf;box-shadow:0 8px 20px #17203317}.project-thumb{border:1px solid var(--pb-line);border-radius:3px;background:#feffff}.project-thumb canvas{width:106px;height:106px}.project-card h2{color:var(--pb-ink);font-size:15px}.project-card p,.project-card small{color:var(--pb-muted);font-size:11px}.project-card footer{border-color:var(--pb-line)}.project-card footer button{min-height:34px;border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-ink);font-size:12px}.project-card footer button:first-child{border-color:var(--pb-red);background:var(--pb-red);color:#fff}.project-card footer button:last-child:hover{border-color:#e59098;background:#fff3f4;color:var(--pb-red-dark)}.account-profile-dialog{border-radius:4px;background:#fff;color:var(--pb-ink)}.account-avatar{border:1px solid var(--pb-red-dark);border-radius:4px;background:var(--pb-red);box-shadow:3px 3px #f4b3b8;color:#fff}.account-profile-dialog h3{color:var(--pb-ink);font-size:18px}.account-profile-dialog p{color:var(--pb-muted);font-size:12px}.account-profile-dialog p button{color:var(--pb-blue);font-weight:700}.account-chips span,.account-chips b{border:1px solid var(--pb-line);border-radius:3px;background:var(--pb-soft);color:var(--pb-ink)}.account-chips b{border-color:#bfd2f6;background:var(--pb-blue-soft);color:var(--pb-blue)}.account-tools button{border-color:var(--pb-line);border-radius:3px;background:#fff;color:var(--pb-muted)}.account-tools button:hover{border-color:var(--pb-blue);background:var(--pb-blue-soft);color:var(--pb-blue)}.service-dialog{color:var(--pb-ink)}.service-dialog h3{color:var(--pb-ink);font-size:17px}.service-dialog p{color:var(--pb-muted);font-size:13px;line-height:1.6}.service-dialog>img,.service-qr-placeholder{border-color:var(--pb-line);border-radius:4px;background:#fff;color:var(--pb-ink)}.service-qr-placeholder{background-color:var(--pb-soft)}@media(max-width:1180px)and (min-width:1024px){.editor-layout{grid-template-columns:202px minmax(0,1fr) 300px}.tool-rail-brush .brush-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1023px)and (min-width:640px){.editor-layout{grid-template-columns:184px minmax(0,1fr) 282px}.tool-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-rail-brush .brush-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:639px){.workspace-bead-trail{right:18px;bottom:51px}.landing-bead-trail{margin-top:18px}.projects-header{min-height:64px;padding:0 14px}.projects-header .studio-brand small{display:none}.projects-content{width:min(100% - 28px,540px);padding:28px 0 58px}.projects-hero{min-height:0;padding:23px}.projects-hero h1{font-size:27px}.projects-hero-art .bead-showcase{display:none}.projects-empty{flex-direction:column;align-items:flex-start;min-height:0;padding:24px}.projects-empty .bead-showcase{width:90px}.projects-grid{grid-template-columns:1fr}.project-card{grid-template-columns:92px minmax(0,1fr)}.project-thumb canvas{width:92px;height:92px}}.landing-page{min-height:100dvh;background:#f7fbff;overflow-x:clip}.landing-header{min-height:82px;border-bottom:2px solid #172033;background:#fff;box-shadow:0 5px #d9e5f2}.landing-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.landing-header nav button{min-height:42px;border:2px solid #172033;border-radius:3px;box-shadow:2px 2px #172033;font-weight:800}.landing-header nav button.landing-header-upload{border-color:#d9465b;background:#ef6071;color:#fff;box-shadow:3px 3px #9f3242}.landing-header nav button.landing-header-blank{border-color:#195f9e;background:#76c8ec;color:#102f57;box-shadow:3px 3px #195f9e}.landing-header .landing-tutorial-link,.landing-header .landing-projects-link{border-color:#172033;background:#fff;color:#172033;box-shadow:none}.landing-header .landing-tutorial-link:hover,.landing-header .landing-projects-link:hover{background:#fff2b5;transform:translateY(-1px)}.landing-hero{position:relative;grid-template-columns:minmax(0,.95fr) minmax(360px,.82fr);gap:clamp(42px,8vw,118px);min-height:640px;padding:84px 0 72px}.landing-copy{position:relative;z-index:1}.landing-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:2px solid #172033;background:#fff2b5;color:#172033;box-shadow:3px 3px #172033;font-size:11px}.landing-hero h1{max-width:650px;margin-top:18px;font-size:58px;line-height:1.05}.landing-hero h1 em{display:block;margin-top:10px;color:#e34e61;font-size:22px;font-style:normal;line-height:1.35}.landing-hero p:not(.landing-kicker){max-width:530px;color:#415a77;font-size:16px;line-height:1.8}.landing-actions{display:grid;max-width:570px;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:13px;margin-top:30px}.landing-launch-upload,.landing-launch-blank{display:grid;min-height:108px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:2px solid #172033;border-radius:4px;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.landing-launch-upload{background:#ef6071;box-shadow:5px 5px #9f3242;color:#fff}.landing-launch-blank{grid-template-columns:auto minmax(0,1fr);background:#a5e6c9;box-shadow:5px 5px #276c5e;color:#123c35}.landing-launch-upload:hover,.landing-launch-blank:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 currentColor}.landing-launch-upload span,.landing-launch-blank span{display:grid;gap:5px}.landing-launch-upload b,.landing-launch-blank b{font-size:16px}.landing-launch-upload small,.landing-launch-blank small{font-size:11px;line-height:1.45;opacity:.92}.landing-facts{gap:9px 18px;margin-top:28px;color:#305577;font-size:12px;font-weight:700}.landing-facts li:before{width:9px;height:9px;border:2px solid #172033;background:#76c8ec}.landing-workbench{position:relative;display:grid;min-height:460px;align-content:center;justify-items:center;overflow:visible;padding:46px 38px 36px;border:3px solid #172033;background:#dff5ff;box-shadow:14px 14px #b6c8e6}.landing-workbench:before,.landing-workbench:after{position:absolute;width:34px;height:34px;border:2px solid #172033;content:""}.landing-workbench:before{top:-17px;right:42px;background:#ffd44f;box-shadow:42px 22px #ef6071,-380px 352px #a5e6c9}.landing-workbench:after{right:-17px;bottom:74px;background:#8c91ef;box-shadow:-34px 40px #ffd44f}.landing-workbench .bead-showcase{position:relative;z-index:1;width:min(100%,390px);border-width:3px;box-shadow:8px 8px #172033}.workbench-tag,.workbench-note,.workbench-ruler,.workbench-caption{position:absolute;z-index:2;border:2px solid #172033;font-weight:800}.workbench-tag{top:20px;left:-24px;padding:7px 11px;background:#ef6071;color:#fff;font-size:11px;box-shadow:3px 3px #172033;transform:rotate(-4deg)}.workbench-note{top:23px;right:16px;padding:5px 8px;background:#fff;color:#3b5871;font-size:10px;transform:rotate(4deg)}.workbench-ruler{right:-26px;bottom:31px;padding:6px 8px;background:#fff2b5;color:#172033;font-size:10px;letter-spacing:2px;transform:rotate(90deg);transform-origin:right bottom}.workbench-caption{bottom:16px;left:50%;display:flex;align-items:center;gap:7px;padding:8px 11px;background:#fff;color:#172033;font-size:11px;transform:translate(-50%);white-space:nowrap}.landing-steps{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:72px;align-items:start;padding-top:94px;padding-bottom:94px}.landing-steps>header{max-width:370px}.landing-steps ol{display:grid;gap:14px;padding:0;margin:0;list-style:none;counter-reset:steps}.landing-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px;min-height:112px;padding:16px 18px;border-bottom:2px solid #bed3e7}.landing-steps li:nth-child(1){border-left:9px solid #ef6071}.landing-steps li:nth-child(2){border-left:9px solid #76c8ec}.landing-steps li:nth-child(3){border-left:9px solid #a5e6c9}.landing-steps li>b{display:grid;width:52px;height:52px;place-items:center;border:2px solid #172033;background:#fff2b5;color:#172033;font-size:17px;box-shadow:3px 3px #172033}.landing-steps li:nth-child(2)>b{background:#dff5ff}.landing-steps li:nth-child(3)>b{background:#e8f7ef}.landing-steps li div{display:grid;gap:7px}.landing-steps li strong{color:#172033;font-size:17px}.landing-steps li span{color:#526b84;font-size:13px;line-height:1.7}.landing-video-section{padding-top:84px;padding-bottom:84px;border-top:2px dashed #a6bed6;border-bottom:2px dashed #a6bed6}.landing-video-slot{border-width:3px;box-shadow:10px 10px #ffd44f}.landing-tutorial{padding-top:88px;padding-bottom:100px}.landing-tutorial .landing-showcase{margin-top:30px;padding:24px;border:2px solid #172033;background:#fff;box-shadow:7px 7px #d2e2f4}.landing-tutorial .landing-legend>div{border:2px solid #d6e2ed;background:#f7fbff}@media(max-width:1023px){.landing-header{align-items:center;padding-top:12px;padding-bottom:12px}.landing-header nav{max-width:630px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:40px}.landing-hero h1{font-size:47px}.landing-workbench{min-height:400px;padding:54px 25px 35px}.landing-steps{gap:38px}}@media(max-width:639px){.landing-header{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 14px}.landing-header nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.landing-header nav button{min-width:0;min-height:48px;padding:8px;font-size:11px;white-space:normal}.landing-header .landing-header-upload,.landing-header .landing-header-blank{font-size:12px}.landing-header .landing-tutorial-link,.landing-header .landing-projects-link{display:none}.landing-hero{grid-template-columns:1fr;gap:44px;width:min(100% - 28px,560px);padding:48px 0 58px}.landing-hero h1{font-size:40px}.landing-hero h1 em{font-size:18px}.landing-actions{grid-template-columns:1fr}.landing-launch-upload,.landing-launch-blank{min-height:92px}.landing-workbench{min-height:352px;padding:49px 22px 35px;box-shadow:8px 8px #b6c8e6}.landing-workbench .bead-showcase{width:min(100%,286px)}.workbench-note,.workbench-ruler{display:none}.workbench-tag{left:12px}.landing-steps{display:block;padding-top:62px;padding-bottom:62px}.landing-steps>header{margin-bottom:28px}.landing-steps li{grid-template-columns:50px minmax(0,1fr);gap:13px;min-height:0}.landing-steps li>b{width:42px;height:42px;font-size:14px}.landing-steps li strong{font-size:15px}.landing-video-section{padding-top:58px;padding-bottom:58px}.landing-tutorial{padding-top:62px;padding-bottom:70px}.landing-tutorial .landing-showcase{padding:15px}}.studio-shell{position:relative;background:#f3f0ea;color:#172033}.studio-header{position:relative;height:72px;padding:0 clamp(16px,2.4vw,34px);border-top:5px solid #e34e61;border-bottom:2px solid #172033;background:#fffdfa;box-shadow:0 4px #d8e5f1}.studio-header:after{position:absolute;right:0;bottom:-2px;left:0;height:2px;background:#77c8e9;content:""}.studio-brand{min-width:0;gap:12px}.strawberry-mark{display:grid;width:38px;height:38px;place-items:center;border:2px solid #172033;border-radius:3px;background:#e34e61;box-shadow:3px 3px #172033;color:transparent}.strawberry-mark:before{width:15px;height:15px;border:2px solid #172033;border-radius:2px;background:#ffd44f;box-shadow:6px 6px #a5e6c9;content:""}.studio-brand strong{font-size:17px;font-weight:900}.studio-brand small{font-size:11px;font-weight:700}.studio-header-actions{gap:7px}.studio-header-actions button{min-height:40px;padding-inline:12px;border:1px solid #b9c5d3;border-radius:3px;background:#fffdfa;color:#172033;font-size:12px;font-weight:750;box-shadow:2px 2px #17203324;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.studio-header-actions button:hover{border-color:#2563c7;background:#eff8fd;box-shadow:3px 3px #2563c7;transform:translate(-1px,-1px)}.studio-header-actions button:last-child{border-color:#a83444;background:#e34e61;color:#fff;box-shadow:3px 3px #a83444}.studio-header-actions button:active,.tool-rail-grid button:active,.tool-rail-history button:active,.rail-button:active{transform:translate(1px,1px);box-shadow:none}.readonly-banner{position:relative;z-index:3;min-height:46px;padding-inline:clamp(14px,2.4vw,34px);border-bottom:1px solid #d5a741;background:#fff1bf;color:#473707;font-weight:700}.editor-layout{position:relative;grid-template-columns:258px minmax(0,1fr) 344px;min-height:0;background:#f3f0ea}.editor-tool-rail,.editor-inspector{position:relative;border-color:#c9d3df;background:#fffdfa}.editor-tool-rail{padding:18px 14px;border-right:2px solid #172033}.editor-tool-rail:before,.editor-inspector:before{position:absolute;top:0;right:0;left:0;height:5px;background:#ffd44f;content:""}.editor-inspector{padding:18px 14px;border-left:1px solid #c9d3df}.editor-inspector:before{background:#77c8e9}.tool-rail-heading{min-height:39px;align-items:end;padding:0 4px 10px;border-bottom:2px solid #172033}.tool-rail-heading span{color:#172033;font-size:14px;font-weight:900}.tool-rail-heading b{padding:3px 6px;border:1px solid #b9c5d3;border-radius:2px;background:#f3f0ea;color:#637184;font-size:10px;font-weight:800}.tool-rail-grid{gap:7px;padding:14px 0;border-bottom:1px dashed #bac7d6}.tool-rail-grid button,.tool-rail-history button{min-height:60px;border:1px solid #b9c5d3;border-radius:3px;background:#fffdfa;color:#405067;font-size:11px;font-weight:750;box-shadow:2px 2px #1720331a;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.tool-rail-grid button:hover,.tool-rail-history button:hover{border-color:#2563c7;background:#eff8fd;color:#174c9f;box-shadow:3px 3px #2563c7;transform:translate(-1px,-1px)}.tool-rail-grid button.active{border-color:#a83444;background:#fff0f1;color:#a83444;box-shadow:3px 3px #a83444}.tool-rail-history{gap:7px;padding-top:13px}.tool-rail-history button{min-height:46px}.tool-rail-brush{gap:11px;padding-top:14px;border-top:2px solid #172033}.tool-rail-brush .rail-field.compact{margin-top:0;padding-top:0;border-top:0}.rail-label{color:#36455a;font-weight:700}.tool-rail-brush .rail-label b{padding:3px 7px;border:1px solid #e3a5ac;border-radius:2px;background:#fff0f1;color:#a83444;font-size:12px}.rail-field input[type=range]{accent-color:#e34e61}.brush-palette-toggle{min-height:44px;border:2px solid #172033;border-radius:3px;background:#fffdfa;color:#172033;box-shadow:3px 3px #ffd44f;font-size:12px}.brush-palette-toggle:hover{border-color:#a83444;background:#fff6eb}.brush-palette-toggle b{color:#a83444;font-size:10px}.brush-palette-grid{gap:7px;padding:9px;border:1px dashed #a9bacd;background:#f8f5ef}.brush-palette-grid button{border-color:#172033;border-radius:2px;box-shadow:1px 1px #1720338f}.brush-palette-grid button.selected{box-shadow:0 0 0 2px #fffdfa,0 0 0 4px #e34e61}.editor-canvas-panel{padding:20px clamp(12px,2vw,28px) 12px;background:#eaf1f6}.editor-canvas-panel:before{position:absolute;z-index:0;inset:20px clamp(12px,2vw,28px) 52px;border:1px solid rgba(37,99,199,.24);background-color:#f7fbff;background-image:linear-gradient(rgba(37,99,199,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,199,.08) 1px,transparent 1px);background-size:20px 20px;content:"";pointer-events:none}.editor-canvas-wrap{z-index:1;border:2px solid #172033;border-radius:2px;background:#feffff;box-shadow:7px 7px #a9c7df}.canvas-dimensions{min-height:32px;border:1px solid #172033;border-radius:2px;background:#fffdfa;box-shadow:2px 2px #172033;color:#172033;font-size:11px;font-weight:800;line-height:30px}.canvas-footer{position:relative;z-index:1;min-height:42px;margin-top:8px!important;padding:0 11px;border:1px solid #b9c5d3;border-radius:2px;background:#fffdfa;color:#405067;font-size:12px;font-weight:650;box-shadow:2px 2px #1720331a}.canvas-footer span:first-child{color:#172033}.canvas-footer i{width:17px;height:17px;border:1px solid #172033;border-radius:2px}.workspace-bead-trail{z-index:2;right:43px;bottom:67px;gap:7px}.workspace-bead-trail i{width:13px;height:13px;border:1px solid #172033;border-radius:2px;box-shadow:2px 2px #17203338}.inspector-tabs{gap:0;padding:0;border:2px solid #172033;border-radius:3px;background:#fffdfa}.inspector-tabs button{min-height:42px;border-right:1px solid #172033;border-radius:0;color:#536176;font-size:12px}.inspector-tabs button:last-child{border-right:0}.inspector-tabs button.active{background:#172033;box-shadow:none;color:#fff}.rail-section{padding:14px;border-color:#c9d3df;border-radius:3px;background:#fffdfa;box-shadow:3px 3px #17203314}.rail-section>header{padding-bottom:9px;border-bottom:1px dashed #b9c5d3}.rail-section h2{font-size:13px;font-weight:900}.rail-section>header span{font-weight:750}.inspector-command-list button{min-height:43px;border-color:#c9d3df;border-radius:2px;background:#fffdfa;font-weight:700}.inspector-command-list button:hover,.inspector-command-list button.active{border-color:#2563c7;background:#eff8fd;color:#174c9f}.rail-button{min-height:42px;border-color:#172033;border-radius:2px;background:#fffdfa;color:#172033;font-weight:850;box-shadow:2px 2px #17203333}.rail-button.primary{border-color:#a83444;background:#e34e61;box-shadow:3px 3px #a83444}.rail-button.outline{border-color:#2563c7;background:#eff8fd;color:#174c9f}.picked-color-toast,.history-prune-toast{border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:4px 4px #ffd44f;color:#172033;font-weight:900}.modal-scrim{background:#17203357;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{border:2px solid #172033;border-radius:4px;background:#fffdfa;box-shadow:10px 10px #17203357}.dialog-head{min-height:58px;border-bottom:2px solid #172033;background:#fff0f1}.dialog-head h2{color:#172033;font-weight:900}.dialog-head>button{width:34px;height:34px;border:1px solid #172033;border-radius:2px;background:#fffdfa;color:#172033}.dialog-body,.palette-dialog-body,.noise-dialog-body{background:#fffdfa}.dialog-foot{border-top:1px solid #c9d3df;background:#f3f0ea}@media(max-width:1180px)and (min-width:1024px){.editor-layout{grid-template-columns:212px minmax(0,1fr) 304px}.tool-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px)and (min-width:640px){.studio-header{height:68px;padding-inline:14px}.studio-header-actions button{min-width:40px;padding-inline:8px;font-size:11px}.editor-layout{grid-template-columns:174px minmax(0,1fr) 282px}.editor-tool-rail{padding-inline:9px}.tool-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-rail-grid button{min-height:56px}.editor-canvas-panel{padding-inline:12px}.editor-canvas-panel:before{right:12px;left:12px}}@media(max-width:639px){.studio-shell{height:auto;min-height:100dvh;overflow:visible;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.studio-shell:not(.professional-fallback) .studio-header{position:sticky;z-index:15;top:0;display:flex;height:52px;gap:8px;padding:6px 8px}.studio-shell:not(.professional-fallback) .studio-header .studio-brand{min-width:0;flex:0 0 auto}.studio-shell:not(.professional-fallback) .studio-header .studio-logo-image,.studio-shell:not(.professional-fallback) .studio-header .strawberry-mark,.studio-shell:not(.professional-fallback) .studio-header .studio-brand small{display:none}.studio-shell:not(.professional-fallback) .studio-header .studio-brand strong{font-size:14px;white-space:nowrap}.studio-shell:not(.professional-fallback) .studio-header-actions{display:grid;min-width:0;flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}.studio-shell:not(.professional-fallback) .studio-header-actions button{width:100%;min-width:0;min-height:36px;padding:2px;font-size:0;box-shadow:none}.studio-header-actions button svg{width:18px;height:18px}.studio-shell:not(.professional-fallback) .studio-header-actions button:nth-child(-n+3){display:inline-flex;font-size:9px}.studio-header-actions button:nth-child(-n+3) svg{display:none}.editor-layout,.readonly-banner+.editor-layout{min-height:0;height:auto;background:#eaf1f6}.studio-shell:not(.professional-fallback) .editor-canvas-panel{height:70vh;min-height:480px;max-height:640px;height:clamp(480px,70dvh,640px);padding:8px 10px}.editor-canvas-panel:before{top:8px;right:10px;bottom:50px;left:10px}.studio-shell:not(.professional-fallback) .editor-canvas-wrap{min-height:0;flex:1 1 auto;box-shadow:4px 4px #a9c7df}.studio-shell:not(.professional-fallback) .canvas-workspace-meta{position:absolute;z-index:4;top:16px;left:18px;min-height:0;padding:0;pointer-events:none}.studio-shell:not(.professional-fallback) .canvas-dimensions{min-height:26px;padding-inline:8px;line-height:24px}.canvas-footer{min-height:38px;padding-inline:8px;font-size:11px}.canvas-footer span:last-child{justify-content:flex-start}.workspace-bead-trail{right:18px;bottom:57px}.editor-inspector{padding:12px 10px;border-top:2px solid #172033;background:#f3f0ea}.editor-inspector:before{display:none}.inspector-tabs{top:138px}.mobile-brush-controls{padding:12px;border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:3px 3px #ffd44f}.rail-section{padding:13px}.mobile-tool-dock{z-index:20;border-top:2px solid #172033;background:#fffdfa;box-shadow:0 -4px #d8e5f1}.mobile-tool-dock button{min-height:59px;color:#405067;font-weight:750}.mobile-tool-dock button.active{background:#fff0f1;color:#a83444}.dialog{align-self:end;border-right:0;border-bottom:0;border-left:0;border-radius:6px 6px 0 0;box-shadow:0 -6px #1720332e}}@media(prefers-reduced-motion:reduce){.studio-header-actions button,.tool-rail-grid button,.tool-rail-history button,.rail-button{transition-duration:.01ms}}.project-card{align-items:start}.project-card-copy{min-width:0;display:grid;align-content:start;gap:6px;padding:1px 0 4px}.project-card h2{margin:0;overflow-wrap:anywhere;color:var(--pb-ink);font-size:15px;line-height:1.42}.project-card-copy p,.project-card-copy small{margin:0;line-height:1.45}.landing-header .landing-card-code-link{border-color:#d5a741;background:#fff4ca;color:#473707;box-shadow:2px 2px #d5a741}.landing-header .landing-card-code-link:hover{background:#ffeaa0;transform:translate(-1px,-1px)}.landing-page{display:flex;flex-direction:column}.landing-page>.landing-header{order:0}.landing-page>.landing-hero{order:1}.landing-page>.landing-transform-section{order:2}.landing-page>.landing-steps{order:3}.landing-page>.landing-video-section{order:4}.landing-page>.landing-tutorial{order:5}.landing-transform-section{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:54px;align-items:center;padding-top:58px;padding-bottom:70px;border-top:0}.landing-transform-section>header{max-width:350px}.landing-transform-section>header>span{display:block;margin-top:12px;color:#526b84;font-size:13px;line-height:1.7}.transform-board{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:16px}.transform-card{min-width:0;padding:12px;border:2px solid #172033;border-radius:4px;background:#fffdfa;box-shadow:6px 6px #b6c8e6}.transform-card.source-card{background:#e9f7f0;box-shadow:6px 6px #489a80}.transform-card.result-card{background:#fff5d4;box-shadow:6px 6px #d5a741}.transform-card-head{display:flex;min-height:25px;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px 9px;color:#172033;font-size:14px;font-weight:900}.transform-card-head small{color:#667186;font-size:9px;font-weight:800;letter-spacing:0}.transform-card footer{display:flex;min-height:38px;align-items:center;gap:7px;padding:10px 2px 0;color:#405067;font-size:11px;font-weight:700;line-height:1.35}.transform-card footer i{width:12px;height:12px;flex:0 0 auto;border:1px solid #172033;background:#e85b64;box-shadow:2px 2px #172033}.transform-card footer svg{flex:0 0 auto;color:#a06c05}.transform-card .bead-showcase{width:100%;aspect-ratio:1;padding:8px;border:1px solid #172033;border-radius:2px;box-shadow:none}.transform-arrow{display:grid;justify-items:center;gap:7px;color:#174c9f}.transform-arrow span{width:84px;color:#526b84;font-size:9px;font-weight:800;line-height:1.35;text-align:center}.transform-arrow svg{padding:8px;border:2px solid #172033;background:#77c8e9;box-shadow:3px 3px #172033}.source-photo{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #172033;background:#8bd5f1}.source-photo:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.24;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:18px 18px;content:""}.source-sun{position:absolute;top:15%;right:16%;width:19%;aspect-ratio:1;border:2px solid #172033;border-radius:50%;background:#ffd44f;box-shadow:3px 3px #172033}.source-hill{position:absolute;bottom:-14%;border:2px solid #172033;border-radius:50% 50% 0 0;transform:rotate(-9deg)}.source-hill-back{left:-15%;width:95%;height:49%;background:#78c999}.source-hill-front{right:-22%;width:105%;height:58%;background:#4ea873}.source-flower{position:absolute;width:18%;aspect-ratio:1;border:2px solid #172033;border-radius:50% 50% 48%;background:#ef6071;box-shadow:12px 0 #ef6071,6px 9px #ffd44f}.source-flower-one{bottom:29%;left:21%;transform:rotate(13deg)}.source-flower-two{right:23%;bottom:36%;transform:scale(.72) rotate(-16deg)}.source-stem{position:absolute;bottom:10%;left:37%;width:3px;height:30%;background:#172033;transform:rotate(-12deg)}.dialog:has(.auth-dialog-form),.dialog:has(.card-code-dialog),.dialog:has(.account-profile-dialog),.dialog:has(.privacy-dialog){width:min(calc(100vw - 32px),380px)}.auth-dialog-form input{font-size:16px}.dialog:has(.card-code-dialog){max-height:min(90dvh,560px);overflow-y:auto}.auth-dialog-form .dialog-foot{gap:8px;margin-top:0;padding:10px 16px}.auth-dialog-body{gap:10px;min-width:0;padding:14px 16px}.auth-dialog-body .modal-tabs{margin-bottom:2px}.auth-dialog-body>p{color:#526b84;font-size:12px}.auth-dialog-body .auth-bind-notice{padding:8px 9px;border:1px solid #d5a741;background:#fff4ca;color:#473707;line-height:1.5}.auth-card-code-cta{display:inline-flex;width:94px;min-height:36px;align-items:center;justify-content:center;align-self:end;justify-self:start;gap:5px;padding:0 7px;border:2px solid #d5a741;border-radius:3px;background:#fff4ca;box-shadow:2px 2px #d5a741;color:#473707;font-size:12px;font-weight:850;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.auth-card-code-cta:hover{background:#ffeaa0;box-shadow:3px 3px #d5a741;transform:translate(-1px,-1px)}.auth-card-code-cta:focus-visible{outline:3px solid #2563c7;outline-offset:2px}.card-code-dialog{min-width:0;gap:12px;padding:14px 16px 16px;text-align:center}.card-code-dialog>p{color:#526b84;font-size:12px;line-height:1.6}.card-code-image-slot{display:grid;width:min(100%,250px);min-height:250px;max-height:min(38dvh,320px);aspect-ratio:4 / 5;justify-self:center;place-content:center;gap:9px;border:2px dashed #aebdcc;background-color:#eff8fd;background-image:linear-gradient(rgba(37,99,199,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,199,.11) 1px,transparent 1px);background-size:18px 18px;color:#174c9f}.card-code-image{display:block;width:min(100%,250px);max-height:min(38dvh,320px);aspect-ratio:4 / 5;object-fit:contain;justify-self:center;border:1px solid #d5e0ec;background:#fff}.card-code-image-slot span{font-size:12px;font-weight:800}.card-code-note{font-size:11px!important}.dialog:has(.crop-dialog-body){width:min(calc(100vw - 48px),1180px);max-height:min(94dvh,840px);overflow-y:auto}.crop-dialog-body{grid-template-columns:minmax(0,1fr) 196px;gap:14px;padding:16px 18px}.crop-preview,.crop-preview canvas{min-height:min(64dvh,580px)}.account-profile-dialog{grid-template-columns:1fr;justify-items:center;gap:14px;padding:22px;text-align:center}.account-profile-dialog>section{display:grid;justify-items:center}.account-profile-dialog p{margin:8px 0 11px}.account-chips{justify-content:center}.account-tools{grid-template-columns:repeat(2,38px);align-self:auto}.account-tools button{width:38px;height:38px}.account-profile-dialog>.rail-button{width:100%;min-height:42px;margin:1px 0 0}.dialog:has(.account-settings-dialog){width:min(calc(100vw - 32px),380px)}.account-settings-dialog{min-height:330px;grid-template-columns:1fr;align-content:start;gap:14px;padding:18px}.account-settings-dialog .settings-actions{grid-template-columns:1fr;margin-top:auto}.account-settings-dialog .settings-actions .rail-button{width:100%}.privacy-dialog{min-height:340px;grid-template-columns:1fr;grid-template-rows:1fr auto auto;gap:10px;padding:18px}.privacy-dialog p{grid-column:auto;max-width:30ch;line-height:1.7;text-align:left}.privacy-dialog .rail-button{width:100%}.tutorial-page{height:100dvh;min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:contain;background:#eaf4fb;color:#172033}.tutorial-header{position:sticky;z-index:10;top:0;display:flex;min-height:74px;align-items:center;gap:17px;padding:0 max(24px,calc((100% - 1100px)/2));border-bottom:2px solid #172033;background:#fffdfaf5;box-shadow:0 4px #bdd9eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tutorial-header>button,.tutorial-finish>button{min-height:39px;padding:0 12px;border:1px solid #172033;border-radius:2px;background:#fffdfa;box-shadow:2px 2px #172033;color:#172033;font-size:12px;font-weight:800}.tutorial-header-note{margin-left:auto;color:#a83444;font-size:10px;font-weight:900}.tutorial-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:36px;width:min(1100px,calc(100% - 48px));margin:0 auto;padding:74px 0 60px}.tutorial-intro p,.tutorial-lesson-copy>p,.tutorial-finish p{margin:0 0 8px;color:#d64d5f;font-size:11px;font-weight:900}.tutorial-intro h1{max-width:680px;margin:0;color:#172033;font-size:44px;line-height:1.15}.tutorial-intro>div>span{display:block;max-width:600px;margin-top:16px;color:#526b84;font-size:15px;line-height:1.75}.tutorial-intro aside{display:grid;min-height:158px;grid-template-rows:30px auto auto;align-content:center;justify-items:start;gap:8px;padding:22px;border:2px solid #172033;background:#fff3c7;box-shadow:7px 7px #d5a741}.tutorial-intro aside svg{color:#a06c05}.tutorial-intro aside b{font-size:26px;line-height:1.15}.tutorial-intro aside small{color:#66531e;font-size:12px;line-height:1.4}.tutorial-lessons{display:grid;gap:24px;width:min(1100px,calc(100% - 48px));margin:0 auto;padding:0 0 72px}.tutorial-lesson{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:stretch;min-height:320px;overflow:hidden;border:2px solid #172033;background:#fffdfa;box-shadow:7px 7px #1720332e}.tutorial-lesson.reversed{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.tutorial-lesson.reversed .tutorial-lesson-copy{grid-column:2;grid-row:1}.tutorial-lesson.reversed .tutorial-video-slot{grid-column:1;grid-row:1}.tutorial-lesson-copy{position:relative;display:grid;align-content:center;justify-items:start;gap:9px;padding:36px;background:#fffdfa}.tutorial-lesson-copy>span{position:absolute;top:21px;right:25px;color:#b9c5d3;font-size:38px;font-weight:900;line-height:1}.tutorial-lesson-copy h2{max-width:280px;margin:0;color:#172033;font-size:26px;line-height:1.2}.tutorial-lesson-copy>small{max-width:31ch;color:#526b84;font-size:13px;line-height:1.75}.tutorial-video-slot{position:relative;display:grid;min-height:300px;place-content:center;justify-items:center;gap:11px;overflow:hidden;background:#dff1fb;color:#174c9f;text-align:center}.tutorial-video-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.62;background-image:linear-gradient(rgba(37,99,199,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,199,.16) 1px,transparent 1px);background-size:24px 24px}.tutorial-video-slot:before,.tutorial-video-slot:after{position:absolute;border:2px solid #172033;content:""}.tutorial-video-slot:before{width:54%;height:54%;background:#a5e6c9;box-shadow:18px 18px #ffd44f;transform:rotate(-5deg)}.tutorial-video-slot:after{width:48%;height:48%;background:#ef6071;opacity:.9;transform:rotate(8deg)}.tutorial-video-slot>svg,.tutorial-video-slot>div:last-child{position:relative;z-index:1}.tutorial-video-slot>svg{padding:9px;border:2px solid #172033;border-radius:50%;background:#fffdfa;color:#a83444;box-shadow:3px 3px #172033}.tutorial-video-slot>div:last-child{display:grid;gap:3px;color:#172033}.tutorial-video-slot b{font-size:13px}.tutorial-video-slot span{font-size:11px;font-weight:700}.tutorial-finish{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:22px;width:min(1100px,calc(100% - 48px));margin:0 auto;padding:34px 0 80px;border-top:2px dashed #83a8c3}.tutorial-finish .bead-showcase{width:92px;padding:4px;border-width:1px;box-shadow:3px 3px #a9c7df}.tutorial-finish h2{margin:0;color:#172033;font-size:24px}@media(max-width:760px){.dialog:has(.auth-dialog-form),.dialog:has(.card-code-dialog),.dialog:has(.account-profile-dialog),.dialog:has(.account-settings-dialog),.dialog:has(.privacy-dialog){width:min(calc(100vw - 24px),380px)}.dialog:has(.crop-dialog-body){width:min(calc(100vw - 16px),680px);max-height:94dvh}.crop-dialog-body{grid-template-columns:1fr;gap:10px;padding:12px}.crop-preview,.crop-preview canvas{min-height:min(52dvh,440px)}.landing-header .landing-tutorial-link,.landing-header .landing-card-code-link{display:inline-flex}.landing-transform-section{display:grid;grid-template-columns:1fr;gap:25px;padding-top:36px;padding-bottom:42px}.transform-board{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:8px}.transform-arrow span{width:56px;font-size:8px}.transform-arrow svg{width:30px;height:30px;padding:6px}.transform-card{padding:8px;box-shadow:4px 4px #b6c8e6}.transform-card.source-card{box-shadow:4px 4px #489a80}.transform-card.result-card{box-shadow:4px 4px #d5a741}.transform-card-head{font-size:12px}.transform-card footer{min-height:53px;font-size:10px}.tutorial-header{min-height:66px;gap:11px;padding:0 14px}.tutorial-header .studio-brand small,.tutorial-header-note{display:none}.tutorial-intro{grid-template-columns:1fr;gap:22px;width:min(100% - 28px,600px);padding:48px 0 34px}.tutorial-intro h1{font-size:32px}.tutorial-intro>div>span{font-size:13px}.tutorial-intro aside{min-height:132px;padding:16px}.tutorial-lessons{gap:16px;width:min(100% - 28px,600px);padding-bottom:46px}.tutorial-lesson,.tutorial-lesson.reversed{grid-template-columns:1fr;min-height:0}.tutorial-lesson.reversed .tutorial-lesson-copy,.tutorial-lesson.reversed .tutorial-video-slot{grid-column:auto;grid-row:auto}.tutorial-lesson-copy{min-height:220px;padding:27px 23px}.tutorial-lesson-copy h2{font-size:23px}.tutorial-video-slot{min-height:230px}.tutorial-finish{grid-template-columns:70px minmax(0,1fr);gap:14px;width:min(100% - 28px,600px);padding:28px 0 54px}.tutorial-finish .bead-showcase{width:70px}.tutorial-finish h2{font-size:20px}.tutorial-finish>button{grid-column:1 / -1;width:max-content}}@media(prefers-reduced-motion:reduce){.landing-header .landing-card-code-link,.auth-card-code-cta{transition-duration:.01ms}}@media(max-width:639px){.landing-page{height:auto;min-height:100dvh;overflow-x:clip;overflow-y:visible}.dialog input:not([type=checkbox]):not([type=range]):not([type=color]),.dialog select,.dialog textarea{font-size:16px}.landing-header{position:relative;gap:10px;padding:12px 14px 14px}.landing-header .studio-brand{min-height:40px}.landing-header nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landing-header nav button,.landing-header .landing-tutorial-link,.landing-header .landing-card-code-link,.landing-header .landing-projects-link{display:inline-flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:6px;padding:7px 8px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}.landing-header .landing-projects-link{grid-column:1 / -1}.landing-header nav button svg{flex:0 0 auto}.landing-hero{gap:32px;width:min(calc(100% - 28px),560px);padding:36px 0 46px}.landing-kicker{max-width:100%;min-height:30px;padding-inline:8px;font-size:10px;line-height:1.25;white-space:normal}.landing-hero h1{max-width:100%;font-size:36px;line-height:1.14;overflow-wrap:anywhere}.landing-hero h1 em{margin-top:8px;font-size:17px;line-height:1.45}.landing-hero p:not(.landing-kicker){margin:14px 0 0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.landing-actions{grid-template-columns:1fr;gap:12px;margin-top:24px}.landing-launch-upload,.landing-launch-blank{min-height:96px;gap:11px;padding:14px}.landing-launch-upload{grid-template-columns:28px minmax(0,1fr) auto}.landing-launch-blank{grid-template-columns:28px minmax(0,1fr)}.landing-launch-upload>svg,.landing-launch-blank>svg{width:23px;height:23px}.landing-launch-upload span,.landing-launch-blank span{min-width:0;gap:4px}.landing-launch-upload b,.landing-launch-blank b{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.landing-launch-upload small,.landing-launch-blank small{font-size:11px;line-height:1.45;overflow-wrap:anywhere}.landing-facts{grid-template-columns:1fr;gap:8px;margin-top:20px;font-size:12px}.landing-workbench{width:min(calc(100% - 28px),430px);min-height:342px;justify-self:center;padding:47px 18px 30px}.landing-workbench:before{right:26px;box-shadow:35px 18px #ef6071,-285px 268px #a5e6c9}.landing-workbench .bead-showcase{width:min(100%,278px)}.workbench-tag{top:12px;left:10px;max-width:calc(100% - 20px);font-size:10px}.workbench-caption{width:calc(100% - 28px);min-width:0;justify-content:center;padding:7px 8px;font-size:10px;line-height:1.35;text-align:center;white-space:normal}.landing-section{width:min(calc(100% - 28px),560px)}.landing-section>header h2,.landing-transform-section>header h2,.landing-steps li span,.landing-tutorial .landing-legend span{overflow-wrap:anywhere}.landing-transform-section{gap:22px;padding-top:38px;padding-bottom:44px}.transform-board{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:7px}.transform-card{padding:7px;box-shadow:3px 3px #b6c8e6}.transform-card.source-card{box-shadow:3px 3px #489a80}.transform-card.result-card{box-shadow:3px 3px #d5a741}.transform-card-head{min-height:22px;gap:3px;padding-bottom:6px;font-size:11px}.transform-card-head small{display:none}.transform-card footer{min-height:46px;gap:5px;padding-top:7px;font-size:9px;line-height:1.4}.transform-card footer span{min-width:0;overflow-wrap:anywhere}.transform-arrow{gap:4px}.transform-arrow span{width:42px;font-size:7px}.transform-arrow svg{width:28px;height:28px;padding:5px}.landing-steps,.landing-video-section{padding-top:48px;padding-bottom:48px}.landing-tutorial{padding-top:48px;padding-bottom:56px}.modal-scrim:has(.account-settings-dialog){place-items:center;padding:12px}.dialog:has(.account-settings-dialog){align-self:center;border:2px solid #172033;border-radius:4px}}@media(max-width:639px)and (orientation:portrait){.studio-shell.professional-fallback{position:fixed;z-index:1000;top:0;left:0;width:100vh;width:100dvh;height:100vw;min-height:0;padding:0;overflow:hidden;transform:translate(100vw) rotate(90deg);transform-origin:top left}.studio-shell.professional-fallback .studio-header{position:relative;display:flex;height:52px;grid-template-columns:none;gap:8px;padding:5px 10px}.studio-shell.professional-fallback .studio-brand{gap:7px}.studio-shell.professional-fallback .studio-brand small{display:none}.studio-shell.professional-fallback .studio-logo-image,.studio-shell.professional-fallback .strawberry-mark{width:32px;height:32px}.studio-shell.professional-fallback .studio-header-actions{display:flex;gap:4px;overflow:visible}.studio-shell.professional-fallback .studio-header-actions button,.studio-shell.professional-fallback .studio-header-actions button:nth-child(-n+3){display:inline-flex;min-width:38px;min-height:34px;padding:3px 6px;font-size:9px}.studio-shell.professional-fallback .editor-layout,.studio-shell.professional-fallback .readonly-banner+.editor-layout{display:grid;height:calc(100vw - 52px);min-height:0;grid-template-columns:106px minmax(0,1fr) 216px}.studio-shell.professional-fallback .readonly-banner{min-height:42px;padding-inline:10px;font-size:10px}.studio-shell.professional-fallback .readonly-banner+.editor-layout{height:calc(100vw - 94px)}.studio-shell.professional-fallback .editor-tool-rail{display:flex;gap:6px;overflow-y:auto;overscroll-behavior-y:contain;padding:6px}.studio-shell.professional-fallback .tool-rail-heading{min-height:27px;padding-bottom:4px}.studio-shell.professional-fallback .tool-rail-heading b{display:none}.studio-shell.professional-fallback .tool-rail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-block:5px}.studio-shell.professional-fallback .tool-rail-grid button{min-height:38px;gap:2px;padding:2px;font-size:9px}.studio-shell.professional-fallback .tool-rail-history button{min-height:36px;gap:2px;padding:2px;font-size:9px}.studio-shell.professional-fallback .tool-rail-brush{gap:5px;padding-top:5px}.studio-shell.professional-fallback .editor-canvas-panel{min-height:0;padding:8px 7px 6px}.studio-shell.professional-fallback .editor-canvas-panel:before{top:8px;right:7px;bottom:44px;left:7px}.studio-shell.professional-fallback .editor-canvas-wrap{min-height:0;box-shadow:3px 3px #a9c7df}.studio-shell.professional-fallback .canvas-workspace-meta{min-height:24px;padding-bottom:3px}.studio-shell.professional-fallback .canvas-dimensions{min-height:24px;padding-inline:7px;font-size:9px;line-height:22px}.studio-shell.professional-fallback .canvas-footer{min-height:30px;margin-top:4px!important;padding-inline:6px;font-size:9px}.studio-shell.professional-fallback .editor-inspector{overflow-y:auto;padding:8px 7px;border-top:0;border-left:1px solid #c9d3df;background:#fffdfa}.studio-shell.professional-fallback .editor-inspector:before{display:block}.studio-shell.professional-fallback .inspector-tabs{position:static;margin-bottom:7px}.studio-shell.professional-fallback .inspector-tabs button{min-height:32px;font-size:10px}.studio-shell.professional-fallback .mobile-brush-controls,.studio-shell.professional-fallback .mobile-tool-dock{display:none}.studio-shell.professional-fallback .rail-section{margin-bottom:7px;padding:8px}.studio-shell.professional-fallback .rail-section h2{font-size:11px}.studio-shell.professional-fallback .modal-scrim{padding:12px}.studio-shell.professional-fallback .dialog{width:min(calc(100% - 24px),680px);max-height:calc(100vw - 24px)}}@media(min-width:640px)and (max-width:1024px)and (orientation:portrait){.studio-shell.professional-fallback{--professional-fallback-header-height: 68px;position:fixed;z-index:1000;top:0;left:0;width:100vh;width:100dvh;height:100vw;min-height:0;overflow:hidden;transform:translate(100vw) rotate(90deg);transform-origin:top left}.studio-shell.professional-fallback .editor-layout,.studio-shell.professional-fallback .readonly-banner+.editor-layout{display:grid;height:calc(100vw - var(--professional-fallback-header-height));min-height:0;flex-direction:initial}.studio-shell.professional-fallback .readonly-banner+.editor-layout{height:calc(100vw - var(--professional-fallback-header-height) - 46px)}.studio-shell.professional-fallback .editor-tool-rail{overscroll-behavior-y:contain}.studio-shell.professional-fallback .editor-canvas-panel{min-height:0}.studio-shell.professional-fallback .mobile-tool-dock{display:none}.studio-shell.professional-fallback .dialog{max-height:calc(100vw - 32px)}}@media(min-width:1024px)and (max-width:1024px)and (orientation:portrait){.studio-shell.professional-fallback{--professional-fallback-header-height: 72px}}@media(orientation:landscape)and (max-height:600px)and (pointer:coarse){.studio-shell.professional-mode:not(.professional-fallback) .studio-header{position:relative;height:48px;padding:4px 10px}.studio-shell.professional-mode:not(.professional-fallback) .studio-brand{gap:7px}.studio-shell.professional-mode:not(.professional-fallback) .studio-brand small{display:none}.studio-shell.professional-mode:not(.professional-fallback) .studio-logo-image,.studio-shell.professional-mode:not(.professional-fallback) .strawberry-mark{width:30px;height:30px}.studio-shell.professional-mode:not(.professional-fallback) .studio-header-actions{gap:4px}.studio-shell.professional-mode:not(.professional-fallback) .studio-header-actions button{min-height:32px;padding-inline:7px;font-size:10px}.studio-shell.professional-mode:not(.professional-fallback) .editor-layout{height:calc(100dvh - 48px)}.studio-shell.professional-mode:not(.professional-fallback) .editor-tool-rail{display:flex;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.studio-shell.professional-mode:not(.professional-fallback) .editor-inspector{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.studio-shell.professional-mode:not(.professional-fallback) .editor-canvas-panel{padding:8px 12px 6px}.studio-shell.professional-mode:not(.professional-fallback) .editor-canvas-panel:before{top:8px;right:12px;bottom:40px;left:12px}.studio-shell.professional-mode:not(.professional-fallback) .canvas-workspace-meta{min-height:24px;padding-bottom:3px}.studio-shell.professional-mode:not(.professional-fallback) .canvas-dimensions{min-height:24px;padding-inline:7px;font-size:9px;line-height:22px}.studio-shell.professional-mode:not(.professional-fallback) .canvas-footer{min-height:30px;margin-top:4px!important;padding-inline:6px;font-size:9px}.studio-shell.professional-mode:not(.professional-fallback) .readonly-banner+.editor-layout{height:calc(100dvh - 94px)}}.landing-page>.site-footer{order:6}.site-footer{display:grid;justify-items:center;gap:14px;width:100%;padding:26px 20px;border-top:1px solid #26334a;background:#111827;color:#b7c2d4;text-align:center;font-size:14px;line-height:1.5}.site-footer-links,.site-footer-filings{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px}.site-footer-links i{width:1px;height:17px;background:#53627a}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.site-footer-filings{gap:22px}.site-footer-filings a{display:inline-flex;align-items:center;gap:6px}.site-footer-filings svg{color:#f4b940}.public-information-page{min-height:100dvh;background:#f7fbff;color:#172033}.public-information-header{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(24px,calc((100% - 1100px)/2));border-bottom:2px solid #172033;background:#fff}.public-information-header strong{font-size:16px}.public-information-header button{display:inline-flex;align-items:center;min-height:38px;gap:6px;padding:0 10px;border:2px solid #172033;border-radius:3px;background:#fff;color:#172033;font-size:13px;font-weight:700}.public-information-intro,.public-information-content,.contact-content{width:min(100% - 40px,960px);margin-inline:auto}.public-information-intro{padding:68px 0 40px}.public-information-intro p{margin:0 0 10px;color:#d9465b;font-size:12px;font-weight:800}.public-information-intro h1{margin:0;font-size:36px;line-height:1.2}.public-information-intro span{display:block;max-width:620px;margin-top:14px;color:#58677d;font-size:16px;line-height:1.8}.public-information-content{display:grid;gap:14px;padding-bottom:72px}.public-information-content article{padding:26px;border:2px solid #172033;border-radius:4px;background:#fff;box-shadow:4px 4px #cdddea}.public-information-content h2,.contact-qr h2{margin:0;font-size:20px}.public-information-content p{margin:14px 0 0;color:#47566b;font-size:15px;line-height:1.85}.contact-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding-bottom:72px}.contact-copy,.contact-qr{border:2px solid #172033;border-radius:4px;background:#fff;box-shadow:4px 4px #cdddea}.contact-copy{padding:28px}.contact-copy>p{margin:0;color:#47566b;font-size:16px;line-height:1.8}.contact-details{display:grid;gap:14px;margin-top:28px}.contact-details>div{display:grid;gap:6px;padding:16px;border:1px solid #c8d6e5;background:#f7fbff}.contact-details span{color:#637087;font-size:12px;font-weight:700}.contact-details button,.contact-details a{display:inline-flex;align-items:center;width:fit-content;gap:7px;padding:0;border:0;background:transparent;color:#195f9e;font-size:15px;text-decoration:none}.contact-details button{cursor:copy}.contact-details small{color:#7b8798}.contact-copy-notice{display:inline-flex;align-items:center;gap:6px;margin-top:16px!important;color:#237451!important;font-size:13px!important}.contact-qr{display:grid;justify-items:center;gap:16px;padding:24px;text-align:center}.contact-qr img,.contact-qr-placeholder{width:220px;height:220px;object-fit:cover}.contact-qr img{border:1px solid #c8d6e5}.contact-qr-placeholder{display:grid;place-items:center;align-content:center;gap:10px;border:2px dashed #9aacbf;color:#64748b;background:#f7fbff}.contact-qr button{min-height:38px;padding:0 12px;border:2px solid #195f9e;border-radius:3px;background:#76c8ec;color:#102f57;font-size:13px;font-weight:800}@media(max-width:639px){.site-footer{gap:12px;padding:24px 14px;font-size:13px}.site-footer-links{gap:12px}.site-footer-links i{display:none}.site-footer-filings{gap:10px}.site-footer-filings a{width:100%;justify-content:center}.public-information-header{min-height:64px;padding-inline:14px}.public-information-header strong{font-size:14px}.public-information-header button{min-height:36px;padding-inline:8px;font-size:12px}.public-information-intro,.public-information-content,.contact-content{width:min(100% - 28px,960px)}.public-information-intro{padding:44px 0 28px}.public-information-intro h1{font-size:30px}.public-information-intro span{font-size:15px}.public-information-content{gap:12px;padding-bottom:44px}.public-information-content article,.contact-copy,.contact-qr{padding:20px}.contact-content{grid-template-columns:1fr;gap:18px;padding-bottom:44px}.contact-qr{order:-1}}.admin-app{--admin-ink: #20313d;--admin-muted: #6c7e89;--admin-line: #cad9e0;--admin-surface: rgba(255, 255, 255, .78);--admin-surface-strong: #ffffff;--admin-blue: #2c7894;--admin-blue-dark: #145269;--admin-teal: #23846d;--admin-red: #b84c5c;--admin-shadow: 0 12px 30px rgba(39, 65, 76, .08);min-height:100dvh;color:var(--admin-ink);background:#edf4f7;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-size:.75rem;line-height:1rem;color-scheme:light}.admin-app *,.admin-app *:before,.admin-app *:after{box-sizing:border-box}.admin-app button,.admin-app input,.admin-app select,.admin-app textarea{font:inherit}.admin-app button{cursor:pointer}.admin-app button:disabled{cursor:not-allowed;opacity:.58}.admin-app button:focus-visible,.admin-app input:focus-visible,.admin-app select:focus-visible,.admin-app textarea:focus-visible{outline:2px solid #e26b75;outline-offset:2px}.admin-loading{display:grid;place-items:center;color:var(--admin-muted)}.admin-login-page{display:grid;place-items:center;padding:2rem;background-color:#e9f2f5;background-image:linear-gradient(rgba(56,106,126,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(56,106,126,.09) 1px,transparent 1px);background-size:1.5rem 1.5rem}.admin-login-frame{width:min(100%,24rem);padding:2.25rem;border:1px solid rgba(107,138,151,.34);border-radius:6px;background:#ffffffe0;box-shadow:0 22px 48px #314e5b21;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-login-mark{display:grid;grid-template-columns:repeat(2,.75rem);width:2.25rem;height:2.25rem;gap:.25rem;padding:.25rem;margin:0 auto 1.5rem;border:1px solid #235a6c;background:#f7fcfd}.admin-login-mark span:nth-child(1),.admin-login-mark span:nth-child(4){background:#2f8498}.admin-login-mark span:nth-child(2){background:#e47a80}.admin-login-mark span:nth-child(3){background:#55a98f}.admin-eyebrow{margin:0 0 .5rem;color:#55727e;font-size:.625rem;font-weight:700;letter-spacing:.1em}.admin-login-frame h1{margin:0;color:#1e3641;font-size:1.5rem;line-height:1.75rem}.admin-login-subtitle{margin:.25rem 0 1.5rem;color:var(--admin-muted)}.admin-login-frame form{display:grid;gap:1rem;text-align:left}.admin-login-frame label{display:grid;gap:.375rem;color:#506771;font-size:.6875rem}.admin-input{display:flex;min-height:2.5rem;align-items:center;gap:.625rem;padding:0 .75rem;border:1px solid var(--admin-line);border-radius:4px;background:#f8fcfdd1;color:#64808c}.admin-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--admin-ink)}.admin-form-error{margin:-.25rem 0 0;color:var(--admin-red);font-size:.6875rem}.admin-primary-button,.admin-secondary-button,.admin-danger-button{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;gap:.375rem;padding:0 .875rem;border:1px solid transparent;border-radius:4px;font-weight:700}.admin-primary-button{border-color:#1d647b;background:#2c7894;color:#fff}.admin-primary-button:hover:not(:disabled){background:#236983}.admin-secondary-button{border-color:#aac2cc;background:#fff9;color:#355661}.admin-secondary-button:hover:not(:disabled){border-color:#6595a6;background:#fff}.admin-danger-button{border-color:#df9da5;background:#fff5f5;color:#a43e4e}.admin-danger-button:hover:not(:disabled){border-color:#c95b68;background:#ffeaed}.admin-icon-button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid #bdd0d8;border-radius:4px;background:#ffffffb3;color:#48626d}.admin-icon-button:hover{border-color:#6595a6;background:#fff}.admin-shell{display:grid;height:100dvh;grid-template-columns:12.5rem minmax(0,1fr);overflow:hidden;transition:grid-template-columns .16s ease}.admin-sidebar{position:sticky;top:0;display:flex;height:100dvh;flex-direction:column;padding:1rem .75rem;border-right:1px solid rgba(135,163,174,.34);background:#f1f8fae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-sidebar-brand{display:flex;min-height:2.5rem;align-items:center;gap:.625rem;padding:0 .5rem;margin-bottom:1.5rem;overflow:hidden}.admin-brand-dot{position:relative;display:block;width:1.5rem;height:1.5rem;flex:0 0 1.5rem;border:1px solid #1a5d74;background:#2c7894}.admin-brand-dot:before,.admin-brand-dot:after{position:absolute;width:.375rem;height:.375rem;background:#f3d176;content:""}.admin-brand-dot:before{top:.25rem;left:.25rem}.admin-brand-dot:after{right:.25rem;bottom:.25rem;background:#e57a82}.admin-sidebar-brand span:last-child{display:grid;min-width:0;gap:.125rem}.admin-sidebar-brand b{color:#27434e;font-size:.8125rem;white-space:nowrap}.admin-sidebar-brand small{color:#7a8d96;font-size:.625rem;white-space:nowrap}.admin-sidebar nav{display:grid;gap:.25rem}.admin-sidebar nav button{display:flex;min-height:2.375rem;align-items:center;gap:.625rem;padding:0 .625rem;border:0;border-left:2px solid transparent;background:transparent;color:#5a707a;text-align:left}.admin-sidebar nav button:hover{background:#5a8b9b17;color:#254e5d}.admin-sidebar nav button.active{border-left-color:#e1787f;background:#357c941a;color:#174f63;font-weight:700}.admin-sidebar nav svg{flex:0 0 auto}.admin-sidebar-footer{display:grid;gap:.5rem;margin-top:auto}.admin-user-badge{display:flex;min-width:0;align-items:center;gap:.5rem;padding:.5rem;border-top:1px solid #d4e0e4;color:#526b75}.admin-user-badge i{display:grid;width:1.5rem;height:1.5rem;flex:0 0 auto;place-items:center;border:1px solid #8ab9ac;border-radius:3px;background:#e4f4ee;color:#236c59;font-style:normal;font-weight:700}.admin-user-badge b{overflow:hidden;font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.admin-logout{display:flex;min-height:2rem;align-items:center;gap:.5rem;padding:0 .5rem;border:0;background:transparent;color:#8b6266;text-align:left}.nav-collapsed{grid-template-columns:3.75rem minmax(0,1fr)}.nav-collapsed .admin-sidebar-brand span:last-child,.nav-collapsed .admin-sidebar nav span,.nav-collapsed .admin-user-badge b,.nav-collapsed .admin-logout span{display:none}.nav-collapsed .admin-sidebar-brand,.nav-collapsed .admin-sidebar nav button,.nav-collapsed .admin-user-badge,.nav-collapsed .admin-logout{justify-content:center;padding-right:0;padding-left:0}.nav-collapsed .admin-sidebar nav button{border-left-color:transparent}.nav-collapsed .admin-sidebar nav button.active{border-left-color:#e1787f}.admin-workspace{min-width:0;min-height:0;overflow-y:auto}.admin-topbar{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1rem,3vw,2.5rem);border-bottom:1px solid rgba(162,184,192,.42);background:#f6fafbc2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-topbar p,.admin-topbar h1{margin:0}.admin-topbar p{color:#71858e;font-size:.625rem}.admin-topbar h1{margin-top:.125rem;color:#1f3843;font-size:1rem;line-height:1.25rem}.admin-content{width:min(100%,96rem);padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem;margin:0 auto}.admin-stack{display:grid;gap:1rem}.admin-page-intro{display:flex;align-items:end;justify-content:space-between;gap:1rem}.admin-page-intro p,.admin-page-intro h2,.admin-page-intro span{margin:0}.admin-page-intro p{color:#3e8499;font-size:.6875rem;font-weight:700}.admin-page-intro h2{margin-top:.25rem;color:#203942;font-size:1.25rem;line-height:1.5rem}.admin-page-intro span{display:block;margin-top:.375rem;color:var(--admin-muted)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.admin-stat{position:relative;display:grid;min-height:8.5rem;grid-template-columns:auto 1fr;align-content:start;gap:.5rem .625rem;padding:1rem;overflow:hidden;border:1px solid #cbdce2;border-radius:6px;background:var(--admin-surface);box-shadow:0 5px 14px #2a48540a;color:#4d6974;text-align:left}.admin-stat:after{position:absolute;right:-1.5rem;bottom:-1.5rem;width:4rem;height:4rem;border:1px solid rgba(54,121,143,.22);content:""}.admin-stat svg{color:#2f7f96}.admin-stat span{align-self:center;font-size:.6875rem}.admin-stat b{grid-column:1 / -1;color:#213943;font-size:1.75rem;line-height:2rem}.admin-stat small{grid-column:1 / -1;color:#5f8997}.admin-stat:hover{border-color:#82aab8;background:#fff}.admin-callout{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid #bfddd4;border-radius:6px;background:#effaf6b8;color:#37665b}.admin-callout>svg{color:#27806b}.admin-callout div{display:grid;gap:.125rem}.admin-callout b{font-size:.75rem}.admin-callout span{color:#678378;font-size:.6875rem}.admin-callout button{min-height:2rem;padding:0 .625rem;margin-left:auto;border:1px solid #9bcaba;border-radius:4px;background:#fff;color:#216d5a;font-size:.6875rem}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-toolbar select{min-height:2.25rem;padding:0 .625rem;border:1px solid #bdd0d8;border-radius:4px;background:#ffffffbf;color:#38535e}.admin-search{display:flex;width:min(100%,20rem);min-height:2.25rem;align-items:center;gap:.5rem;padding:0 .625rem;border:1px solid #bdd0d8;border-radius:4px;background:#ffffffbf;color:#6c8791}.admin-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#263f49}.admin-table-wrap{overflow-x:auto;border:1px solid #c9d8df;border-radius:6px;background:var(--admin-surface);box-shadow:0 4px 12px #2a485409}.admin-table-wrap table{width:100%;min-width:46rem;border-collapse:collapse}.admin-table-wrap th{padding:.75rem;border-bottom:1px solid #d7e3e7;background:#e9f2f5b8;color:#657a83;font-size:.625rem;font-weight:700;text-align:left;white-space:nowrap}.admin-table-wrap td{padding:.75rem;border-bottom:1px solid #e0eaed;color:#455f69;vertical-align:middle}.admin-table-wrap tr:last-child td{border-bottom:0}.admin-table-wrap td b{display:block;color:#29434d;font-size:.6875rem}.admin-table-wrap td small{display:block;margin-top:.1875rem;color:#83939a;font-size:.625rem}.admin-row-action{min-height:1.875rem;padding:0 .5rem;border:1px solid #b7cfd7;border-radius:3px;background:#ffffffb8;color:#356475;font-size:.625rem}.admin-row-action:hover{border-color:#6095a7;background:#fff}.admin-table-wrap input[type=checkbox]{accent-color:#267d95}.admin-status{display:inline-flex;min-height:1.5rem;align-items:center;padding:0 .5rem;border-radius:999px;font-size:.625rem;font-weight:700;white-space:nowrap}.admin-status.positive{background:#e4f5ed;color:#18725a}.admin-status.info{background:#e5f2f7;color:#21687e}.admin-status.muted{background:#edf0f1;color:#66767c}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#72848d;font-size:.6875rem}.admin-pagination div{display:flex;align-items:center;gap:.5rem}.admin-pagination button{min-height:1.875rem;padding:0 .5rem;border:1px solid #c0d1d8;border-radius:3px;background:#ffffffa6;color:#4e6670;font-size:.625rem}.admin-pagination b{color:#38515b;font-size:.625rem}.admin-inline-message{padding:.625rem .75rem;margin:0;border:1px solid #b7d9ce;border-radius:4px;background:#f0faf6;color:#377561}.admin-inline-message.error{border-color:#e3b2b9;background:#fff4f5;color:#a54552}.admin-empty{display:grid;min-height:11rem;place-content:center;justify-items:center;gap:.5rem;color:#809097}.admin-spinner{animation:admin-spin .7s linear infinite}@keyframes admin-spin{to{transform:rotate(1turn)}}.admin-generator{display:grid;grid-template-columns:minmax(10rem,1.5fr) minmax(6rem,.5fr) minmax(6rem,.5fr) auto;align-items:end;gap:.75rem;padding:1rem;border:1px solid #c4d8df;border-radius:6px;background:#f7fcfdb8}.admin-generator label,.admin-settings-form label{display:grid;gap:.375rem;color:#596f78;font-size:.625rem}.admin-generator input,.admin-settings-form input,.admin-settings-form textarea{width:100%;min-height:2.25rem;padding:0 .625rem;border:1px solid #bfd1d8;border-radius:4px;background:#ffffffd1;color:#28434d}.admin-settings-form textarea{min-height:5.25rem;padding:.625rem;resize:vertical}.admin-issued{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:1rem;border:1px solid #a6cec0;border-radius:6px;background:#f1faf6}.admin-issued>div:first-child{display:grid;gap:.25rem}.admin-issued b{color:#275f50}.admin-issued span{color:#668478;font-size:.6875rem}.admin-issued>button{display:inline-flex;min-height:2rem;align-items:center;gap:.375rem;padding:0 .625rem;border:1px solid #9dcbbb;border-radius:4px;background:#fff;color:#25725e}.admin-issued-codes{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.375rem;max-height:10rem;overflow:auto}.admin-issued code{padding:.5rem;border:1px solid #c5e2d7;background:#ffffffa6;color:#1e5d4b;font-size:.6875rem}.admin-drawer-scrim,.admin-dialog-scrim{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;justify-content:end;background:#182a3138;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-drawer{display:grid;width:min(100%,31rem);height:100%;grid-template-rows:auto 1fr;gap:1rem;padding:1.25rem;overflow-y:auto;border-left:1px solid #b8ccd3;background:#f8fcfd;box-shadow:-16px 0 36px #1f394224}.admin-drawer>header{display:flex;align-items:center;justify-content:space-between}.admin-drawer h2,.admin-drawer h3{margin:0;color:#27414b}.admin-drawer h2{font-size:1rem}.admin-drawer h3{margin-top:.5rem;font-size:.75rem}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.admin-info{display:grid;gap:.25rem;padding:.625rem;border:1px solid #d4e0e4;border-radius:4px;background:#fff}.admin-info small{color:#7b8d94;font-size:.625rem}.admin-info b{color:#34505a;font-size:.6875rem;overflow-wrap:anywhere}.admin-timeline{display:grid;gap:.5rem;padding:0;margin:0;list-style:none}.admin-timeline li{display:grid;gap:.125rem;padding:.625rem;border-left:2px solid #6da9bb;background:#e7f3f79e}.admin-timeline b{color:#355661}.admin-timeline span,.admin-timeline small{color:#71868e;font-size:.625rem}.admin-dialog-scrim{align-items:center;justify-content:center;padding:1rem}.admin-confirm-dialog{width:min(100%,25rem);padding:1.25rem;border:1px solid #c4d3d8;border-radius:6px;background:#fff;box-shadow:var(--admin-shadow)}.admin-confirm-dialog h2,.admin-confirm-dialog p{margin:0}.admin-confirm-dialog h2{color:#334b54;font-size:1rem}.admin-confirm-dialog p{margin-top:.625rem;color:#6d7d84;line-height:1.5}.admin-confirm-dialog footer{display:flex;justify-content:end;gap:.5rem;margin-top:1rem}.admin-confirm-dialog footer>button:first-child{min-height:2.25rem;padding:0 .75rem;border:1px solid #c5d5da;border-radius:4px;background:#fff;color:#576c74}.admin-project-summary{display:grid;grid-template-columns:8rem 1fr;gap:1rem}.admin-project-summary>div:last-child{display:grid;align-content:start;gap:.5rem}.admin-project-preview{display:grid;grid-template-columns:repeat(12,1fr);align-content:start;min-height:8rem;overflow:hidden;border:1px solid #b9d0d8;background:#edf7fa}.admin-project-preview i{aspect-ratio:1}.admin-project-preview span{grid-column:1 / -1;place-self:center;color:#7c9199}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-settings-form{display:grid;align-content:start;gap:.875rem;padding:1rem;border:1px solid #c6d8df;border-radius:6px;background:var(--admin-surface)}.admin-settings-form>header{display:flex;align-items:center;gap:.625rem;padding-bottom:.75rem;border-bottom:1px solid #dde7ea;color:#2c7b91}.admin-settings-form h3,.admin-settings-form header span{margin:0}.admin-settings-form h3{color:#29434d;font-size:.8125rem}.admin-settings-form header div{display:grid;gap:.125rem}.admin-settings-form header span{color:#7d9097;font-size:.625rem}.admin-image-field>div{display:flex;min-height:5rem;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #aec6cf;border-radius:4px;background:#f0f7f9b3;color:#71868e}.admin-image-field img{max-width:100%;max-height:9rem;object-fit:contain}.admin-image-field input{min-height:0;padding:.5rem;border:0;background:transparent;color:#557881;font-size:.625rem}@media(max-width:72rem){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-grid{grid-template-columns:1fr}.admin-generator{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-generator .admin-primary-button{grid-column:1 / -1}}@media(max-width:48rem){.admin-shell,.nav-collapsed{display:flex;height:100dvh;flex-direction:column}.admin-sidebar{position:sticky;z-index:10;width:100%;height:auto;padding:.5rem .75rem;border-right:0;border-bottom:1px solid #ccdde3}.admin-sidebar-brand{display:none}.admin-sidebar nav{display:flex;overflow-x:auto;gap:.25rem}.admin-sidebar nav button,.nav-collapsed .admin-sidebar nav button{min-width:max-content;justify-content:flex-start;padding:0 .625rem;border-left:0;border-bottom:2px solid transparent}.admin-sidebar nav button.active,.nav-collapsed .admin-sidebar nav button.active{border-bottom-color:#e1787f;border-left-color:transparent}.admin-sidebar-footer{display:none}.nav-collapsed .admin-sidebar nav span{display:inline}.admin-workspace{flex:1 1 auto}.admin-topbar{min-height:3.75rem}.admin-content{padding:1rem .75rem 2rem}.admin-page-intro{align-items:start;flex-direction:column}.admin-stat-grid{grid-template-columns:1fr 1fr;gap:.5rem}.admin-stat{min-height:7rem;padding:.75rem}.admin-stat b{font-size:1.375rem}.admin-callout{align-items:start;flex-wrap:wrap}.admin-callout button{margin-left:0}.admin-generator{grid-template-columns:1fr 1fr}.admin-generator label:first-child,.admin-generator .admin-primary-button{grid-column:1 / -1}.admin-issued{grid-template-columns:1fr}.admin-issued>button{justify-self:start}.admin-toolbar{align-items:stretch}.admin-search{width:100%}.admin-toolbar .admin-secondary-button{flex:1}.admin-pagination{align-items:start;flex-direction:column}.admin-drawer{width:100%}.admin-detail-grid,.admin-project-summary{grid-template-columns:1fr}.admin-project-preview{width:10rem}.admin-login-page{padding:1rem}.admin-login-frame{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.admin-app *,.admin-app *:before,.admin-app *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.admin-app{font-size:.875rem;line-height:1.25rem}.admin-login-frame{width:min(100%,29rem);padding:2.75rem}.admin-eyebrow{font-size:.75rem}.admin-login-frame h1{font-size:1.75rem;line-height:2.25rem}.admin-login-frame label{font-size:.875rem}.admin-input{min-height:2.875rem;padding-inline:.875rem}.admin-primary-button,.admin-secondary-button,.admin-danger-button{min-height:2.625rem;gap:.5rem;padding-inline:1rem}.admin-shell{grid-template-columns:14.5rem minmax(0,1fr)}.admin-sidebar-brand b{font-size:1rem}.admin-sidebar-brand small{font-size:.75rem}.admin-sidebar nav{gap:.375rem}.admin-sidebar nav button{min-height:2.75rem;gap:.75rem;padding-inline:.75rem}.admin-topbar{min-height:5.25rem;padding-inline:clamp(1.25rem,3vw,3rem)}.admin-topbar p{font-size:.75rem}.admin-topbar h1{font-size:1.25rem;line-height:1.5rem}.admin-content{width:min(100%,100rem);padding:2rem clamp(1.25rem,3vw,3rem) 3.5rem}.admin-stack{gap:1.25rem}.admin-page-intro p{font-size:.8125rem}.admin-page-intro h2{font-size:1.5rem;line-height:1.875rem}.admin-stat-grid{width:min(100%,76rem);grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-inline:auto}.admin-stat{min-height:10.5rem;grid-column:span 2;gap:.625rem .75rem;padding:1.25rem}.admin-stat:nth-child(4){grid-column:2 / span 2}.admin-stat span{font-size:.875rem}.admin-stat b{font-size:2rem;line-height:2.5rem}.admin-stat small{font-size:.8125rem}.admin-toolbar select,.admin-search{min-height:2.625rem;font-size:.875rem}.admin-table-wrap th{padding:.875rem;font-size:.75rem}.admin-table-wrap td{padding:.875rem}.admin-table-wrap td b{font-size:.875rem}.admin-table-wrap td small{font-size:.75rem}.admin-row-action{min-height:2.125rem;padding-inline:.75rem;font-size:.8125rem}.admin-status{min-height:1.75rem;font-size:.75rem}.admin-status.danger{background:#ffeaed;color:#a43e4e}.admin-pagination{font-size:.8125rem}.admin-pagination button{min-height:2.125rem;font-size:.8125rem}.admin-pagination b{font-size:.8125rem}.admin-generator{gap:1rem;padding:1.25rem}.admin-generator label,.admin-settings-form label{gap:.5rem;font-size:.8125rem}.admin-generator input,.admin-settings-form input,.admin-settings-form textarea{min-height:2.625rem;font-size:.875rem}.admin-issued{gap:1rem;padding:1.25rem}.admin-issued span,.admin-issued code{font-size:.8125rem}.admin-issued>button{min-height:2.375rem}.admin-wide-dialog{width:min(94vw,72rem);max-height:min(86dvh,50rem);overflow:auto;border:1px solid #b8ccd3;border-radius:6px;background:#f8fcfd;box-shadow:0 24px 60px #1f394233}.admin-wide-dialog>header{position:sticky;z-index:1;top:0;display:flex;min-height:4rem;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;border-bottom:1px solid #d5e2e6;background:#f8fcfdf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-wide-dialog h2{margin:0;color:#27414b;font-size:1.125rem}.admin-account-dialog{display:grid;gap:1.25rem;padding:1.25rem}.admin-account-summary{padding-bottom:1.25rem;border-bottom:1px solid #dce7eb}.admin-detail-grid{gap:.875rem}.admin-info{gap:.375rem;padding:.875rem}.admin-info small{font-size:.75rem}.admin-info b{font-size:.875rem}.admin-account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.admin-account-actions>div{display:grid;align-content:start;gap:.75rem;padding:1rem;border:1px solid #d1dfe4;border-radius:5px;background:#ffffffb8}.admin-account-actions h3,.admin-account-actions p{margin:0}.admin-account-actions h3{color:#29434d;font-size:1rem}.admin-account-actions p{min-height:2.5rem;color:#6b7f88;font-size:.8125rem}.admin-account-actions label{display:grid;gap:.375rem;color:#526a74;font-size:.8125rem}.admin-account-actions input{width:100%;min-height:2.5rem;padding-inline:.75rem;border:1px solid #bfd1d8;border-radius:4px;background:#fff;color:#28434d}.admin-account-danger{border-color:#e5c0c5!important;background:#fff9f9!important}.admin-redemption-section{padding-top:.25rem}.admin-redemption-section header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.admin-redemption-section h3,.admin-redemption-section span{margin:0}.admin-redemption-section h3{color:#29434d;font-size:1rem}.admin-redemption-section span{color:#7b8d94;font-size:.8125rem}.admin-redemption-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.admin-redemption-list article{display:grid;gap:.25rem;padding:.875rem;border-left:3px solid #6da9bb;background:#e7f3f79e}.admin-redemption-list b{color:#355661}.admin-redemption-list span,.admin-redemption-list small{color:#71868e;font-size:.8125rem}@media(max-width:72rem){.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stat,.admin-stat:nth-child(4){grid-column:auto}.admin-account-actions,.admin-redemption-list{grid-template-columns:1fr}}@media(max-width:48rem){.admin-shell{grid-template-columns:none}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat{min-height:8rem;padding:.875rem}.admin-stat b{font-size:1.5rem}.admin-wide-dialog{width:100%;max-height:100dvh;border-radius:0}.admin-account-dialog{padding:1rem}.admin-detail-grid{grid-template-columns:1fr}}.admin-app{--admin-ink: #172033;--admin-muted: #667186;--admin-line: #c9d3df;--admin-surface: #fffdfa;--admin-surface-strong: #fffdfa;--admin-blue: #2563c7;--admin-blue-dark: #174c9f;--admin-teal: #267b68;--admin-red: #d64d5f;--admin-shadow: 5px 5px 0 rgba(23, 32, 51, .14);color:var(--admin-ink);background:#f3f0ea}.admin-shell{grid-template-columns:250px minmax(0,1fr);background:#f3f0ea}.admin-sidebar{position:relative;padding:20px 14px 15px;border-right:2px solid #172033;background:#22334a;color:#f8fbff}.admin-sidebar:after{position:absolute;right:0;bottom:0;left:0;height:6px;background:#e34e61;content:""}.admin-sidebar-brand{position:relative;min-height:66px;padding:9px 8px 17px;border-bottom:1px solid rgba(255,255,255,.24)}.admin-brand-dot{width:30px;height:30px;border:2px solid #fff;border-radius:2px;background:#e34e61;box-shadow:3px 3px #ffd44f}.admin-sidebar-brand b{color:#fffdfa;font-size:16px;font-weight:900}.admin-sidebar-brand small{color:#b9cce3;font-size:11px;font-weight:700}.admin-brand-grid{position:absolute;right:10px;bottom:15px;width:30px;height:30px;border:1px solid rgba(255,255,255,.45);background:#77c8e9;box-shadow:9px -9px #ffd44f;opacity:.95}.admin-sidebar nav{gap:7px;margin-top:18px}.admin-sidebar nav button{position:relative;min-height:47px;padding:0 11px;border:1px solid transparent;border-left:3px solid transparent;border-radius:3px;color:#d4e2f2;font-size:13px;font-weight:750;transition:transform .16s ease,color .16s ease,background-color .16s ease,border-color .16s ease}.admin-sidebar nav button:hover{border-color:#ffffff61;background:#ffffff1a;color:#fff;transform:translate(2px)}.admin-sidebar nav button.active{border-color:#fff3c7;border-left-color:#e34e61;background:#fffdfa;color:#172033;box-shadow:3px 3px #0a14223d}.admin-sidebar nav button.active:after{position:absolute;right:11px;width:7px;height:7px;border:1px solid #172033;background:#ffd44f;content:""}.admin-sidebar-footer{border-top-color:#ffffff38}.admin-user-badge{color:#fffdfa;font-weight:750}.admin-user-badge i{border:1px solid #fff;border-radius:2px;background:#e34e61;color:#fff}.admin-logout{color:#ffd7aa;font-size:12px;font-weight:750}.admin-workspace{background:#f3f0ea}.admin-topbar{position:sticky;z-index:10;top:0;min-height:78px;padding:0 clamp(18px,3vw,48px);border-bottom:2px solid #172033;background:#fffdfaf5;box-shadow:0 4px #d8e5f1}.admin-topbar p{color:#d64d5f;font-size:11px;font-weight:850}.admin-topbar h1{color:#172033;font-size:21px;font-weight:900}.admin-topbar-status{display:inline-flex;align-items:center;gap:10px;color:#536176;font-size:12px;font-weight:750}.admin-topbar-status span{display:inline-flex;min-height:30px;align-items:center;gap:7px;padding:0 9px;border:1px solid #b9c5d3;border-radius:2px;background:#eff8fd;color:#174c9f}.admin-topbar-status i{width:7px;height:7px;border-radius:50%;background:#267b68;box-shadow:0 0 0 2px #d9f1e8}.admin-topbar-status b{font-variant-numeric:tabular-nums}.admin-content{width:min(100%,108rem);padding:34px clamp(18px,3vw,48px) 54px}.admin-stack{gap:20px}.admin-page-intro{min-height:105px;align-items:end;padding:0 0 20px;border-bottom:2px solid #172033}.admin-page-intro p{color:#d64d5f;font-size:12px;font-weight:900}.admin-page-intro h2{margin-top:4px;color:#172033;font-size:30px;line-height:1.15;font-weight:900}.admin-page-intro span{max-width:58ch;color:#667186;font-size:14px;line-height:1.6}.admin-primary-button,.admin-secondary-button,.admin-danger-button{min-height:43px;border-radius:3px;font-size:13px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.admin-primary-button{border:1px solid #a83444;background:#d64d5f;box-shadow:3px 3px #a83444}.admin-primary-button:hover:not(:disabled){background:#bd3d4e;transform:translate(-1px,-1px);box-shadow:4px 4px #a83444}.admin-secondary-button{border:1px solid #2563c7;background:#eff8fd;color:#174c9f;box-shadow:2px 2px #2563c742}.admin-secondary-button:hover:not(:disabled){background:#dff1fb;transform:translate(-1px,-1px);box-shadow:3px 3px #2563c7}.admin-danger-button{border:1px solid #a83444;background:#fff0f1;color:#a83444;box-shadow:2px 2px #a8344440}.admin-stat-grid{width:100%;grid-template-columns:repeat(10,minmax(0,1fr));gap:13px;margin:0}.admin-stat,.admin-stat:nth-child(4){min-height:168px;grid-column:span 2;gap:9px;padding:19px;border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:5px 5px #17203324;color:#536176}.admin-stat:nth-child(1){background:#fff4d6}.admin-stat:nth-child(2){background:#eaf8f2}.admin-stat:nth-child(3){background:#eff8fd}.admin-stat:nth-child(4){background:#fff0f1}.admin-stat:nth-child(5){background:#f4efff}.admin-stat:hover{border-color:#172033;background:#fffdfa;transform:translate(-2px,-2px);box-shadow:7px 7px #172033}.admin-stat:after{right:15px;bottom:15px;width:14px;height:14px;border:1px solid #172033;background:#e34e61}.admin-stat:nth-child(2):after{background:#a5e6c9}.admin-stat:nth-child(3):after{background:#77c8e9}.admin-stat:nth-child(4):after{background:#ffd44f}.admin-stat:nth-child(5):after{background:#b9a5e8}.admin-stat svg{color:#172033}.admin-stat span{color:#405067;font-size:13px;font-weight:800}.admin-stat b{color:#172033;font-size:33px;line-height:1;font-variant-numeric:tabular-nums}.admin-stat small{color:#536176;font-size:12px;font-weight:700}.admin-callout{min-height:84px;padding:16px 18px;border:2px solid #172033;border-radius:3px;background:#fff3c7;color:#473707;box-shadow:4px 4px #d5a741}.admin-callout>svg{color:#a06c05}.admin-callout b{color:#473707;font-size:14px}.admin-callout span{color:#66531e;font-size:13px}.admin-callout button{min-height:37px;border:1px solid #172033;border-radius:2px;background:#fffdfa;color:#172033;font-size:12px;font-weight:800;box-shadow:2px 2px #172033}.admin-toolbar{gap:8px;padding:11px;border:1px solid #c9d3df;border-radius:3px;background:#fffdfa;box-shadow:3px 3px #17203314}.admin-toolbar select,.admin-search{min-height:43px;border-color:#aebdcc;border-radius:2px;background:#fffdfa;color:#172033;font-size:13px}.admin-search{width:min(100%,25rem)}.admin-search:focus-within{border-color:#2563c7;box-shadow:0 0 0 2px #2563c72e}.admin-table-wrap{border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:5px 5px #17203324}.admin-table-wrap th{padding:13px;border-bottom:2px solid #172033;background:#22334a;color:#f8fbff;font-size:11px;letter-spacing:0}.admin-table-wrap td{padding:14px 13px;border-bottom-color:#d7dfe7;color:#405067;font-size:13px}.admin-table-wrap tbody tr:hover td{background:#fff9ed}.admin-table-wrap td b{color:#172033;font-size:13px}.admin-table-wrap td small{color:#667186;font-size:11px}.admin-row-action{min-height:33px;border-color:#2563c7;border-radius:2px;background:#eff8fd;color:#174c9f;font-size:12px;font-weight:800}.admin-row-action:hover{border-color:#174c9f;background:#dff1fb}.admin-table-wrap input[type=checkbox]{accent-color:#d64d5f}.admin-status{min-height:27px;border:1px solid currentColor;border-radius:2px;font-size:11px}.admin-status.positive{background:#eaf8f2;color:#19705e}.admin-status.info{background:#eff8fd;color:#174c9f}.admin-status.muted{background:#f0f2f4;color:#536176}.admin-status.danger{background:#fff0f1;color:#a83444}.admin-pagination{padding-top:3px;color:#667186;font-size:13px}.admin-pagination button{min-height:34px;border-color:#aebdcc;border-radius:2px;background:#fffdfa;color:#172033;font-size:12px;font-weight:800}.admin-pagination b{color:#172033;font-size:12px}.admin-generator,.admin-issued,.admin-settings-form{border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:4px 4px #17203324}.admin-generator{padding:18px}.admin-generator label,.admin-settings-form label{color:#405067;font-size:12px;font-weight:800}.admin-generator input,.admin-settings-form input,.admin-settings-form textarea,.admin-account-actions input{min-height:42px;border-color:#aebdcc;border-radius:2px;background:#fffdfa;color:#172033;font-size:13px}.admin-settings-form textarea{padding:9px 10px}.admin-issued{border-color:#267b68;background:#eaf8f2}.admin-issued b{color:#1a5d50;font-size:14px}.admin-issued span{color:#426e65;font-size:12px}.admin-issued>button{min-height:38px;border-color:#267b68;border-radius:2px;color:#1a5d50;font-size:12px;font-weight:800}.admin-issued code{border-color:#aad9ca;border-radius:2px;background:#fffdfa;color:#1a5d50;font-size:12px}.admin-settings-form{padding:19px}.admin-settings-form>header{padding-bottom:12px;border-bottom:2px solid #172033;color:#d64d5f}.admin-settings-form h3{color:#172033;font-size:16px;font-weight:900}.admin-settings-form header span{color:#667186;font-size:12px}.admin-image-field>div{min-height:112px;border-color:#aebdcc;border-radius:2px;background:#f3f0ea;color:#667186}.admin-inline-message{border-color:#97cdbf;border-radius:2px;background:#eaf8f2;color:#1a5d50;font-weight:700}.admin-inline-message.error{border-color:#e2a3ab;background:#fff0f1;color:#a83444}.admin-wide-dialog,.admin-confirm-dialog{border:2px solid #172033;border-radius:4px;background:#fffdfa;box-shadow:10px 10px #1720334d}.admin-wide-dialog>header{min-height:60px;border-bottom:2px solid #172033;background:#fff0f1}.admin-wide-dialog h2,.admin-confirm-dialog h2{color:#172033;font-weight:900}.admin-account-dialog{padding:20px}.admin-account-summary{border-bottom-color:#c9d3df}.admin-info{border-color:#c9d3df;border-radius:2px;background:#fffdfa}.admin-info small{color:#667186}.admin-info b{color:#172033}.admin-account-actions>div{border:1px solid #c9d3df;border-radius:2px;background:#fffdfa}.admin-account-actions h3{color:#172033}.admin-account-actions p{color:#667186}.admin-account-danger{border-color:#d64d5f!important;background:#fff7f7!important}.admin-redemption-list article{border-left-color:#77c8e9;background:#eff8fd}.admin-redemption-list b{color:#174c9f}.admin-redemption-list span,.admin-redemption-list small{color:#536176}.admin-app button:focus-visible,.admin-app input:focus-visible,.admin-app select:focus-visible,.admin-app textarea:focus-visible{outline:3px solid rgba(37,99,199,.45);outline-offset:2px}@media(max-width:72rem){.admin-shell{grid-template-columns:208px minmax(0,1fr)}.admin-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-stat,.admin-stat:nth-child(4){min-height:144px;grid-column:span 2}.admin-stat:nth-child(5){grid-column:2 / span 2}.admin-content{padding-inline:22px}}@media(max-width:48rem){.admin-shell{display:flex;min-height:100dvh;height:auto;flex-direction:column}.admin-sidebar{position:sticky;z-index:20;top:0;display:block;width:100%;padding:8px 10px;border-right:0;border-bottom:2px solid #172033}.admin-sidebar:after,.admin-sidebar-brand,.admin-sidebar-footer{display:none}.admin-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:6px;margin:0;overflow-x:auto}.admin-sidebar nav button{min-height:46px;justify-content:center;padding:4px 7px;border:1px solid rgba(255,255,255,.28);border-radius:2px;font-size:11px}.admin-sidebar nav button.active{border-color:#fff3c7;border-bottom-color:#e34e61}.admin-sidebar nav button.active:after{display:none}.admin-workspace{overflow:visible}.admin-topbar{min-height:70px;padding:0 15px}.admin-topbar h1{font-size:19px}.admin-topbar-status{display:none}.admin-content{padding:24px 14px 42px}.admin-page-intro{min-height:0;align-items:start;flex-direction:column;gap:13px;padding-bottom:16px}.admin-page-intro h2{font-size:25px}.admin-page-intro span{font-size:13px}.admin-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.admin-stat,.admin-stat:nth-child(4),.admin-stat:nth-child(5){min-height:132px;grid-column:auto;padding:14px}.admin-stat b{font-size:27px}.admin-stat span{font-size:12px}.admin-toolbar{align-items:stretch;padding:9px}.admin-search{width:100%}.admin-toolbar .admin-secondary-button{flex:1}.admin-table-wrap{margin-inline:-2px}.admin-generator{grid-template-columns:1fr 1fr;padding:14px}.admin-generator label:first-child,.admin-generator .admin-primary-button{grid-column:1 / -1}.admin-issued{grid-template-columns:1fr}.admin-issued>button{justify-self:start}.admin-settings-grid{grid-template-columns:1fr}.admin-settings-form{padding:15px}.admin-wide-dialog{width:100%;max-height:100dvh;border-right:0;border-bottom:0;border-left:0;border-radius:5px 5px 0 0}.admin-account-dialog{padding:15px}.admin-account-actions,.admin-redemption-list{grid-template-columns:1fr}.admin-dialog-scrim{align-items:end;padding:0}}.admin-settings-form-wide{grid-column:1 / -1}.admin-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-tutorial-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-top:13px;border-top:2px dashed #c9d3df}.admin-tutorial-assets h4{grid-column:1 / -1;margin:0;color:#172033;font-size:14px;font-weight:900}.admin-media-field{display:grid;align-content:start;gap:8px;min-width:0;padding:10px;border:1px solid #c9d3df;border-radius:3px;background:#f7fbff}.admin-media-field>label{min-width:0}.admin-media-field>label span{display:block;margin-bottom:5px}.admin-media-field input[type=url]{min-width:0}.admin-media-actions{display:flex;flex-wrap:wrap;gap:7px}.admin-upload-button{display:inline-flex!important;min-height:34px;align-items:center;gap:5px;padding:0 9px;border:1px solid #267b68;border-radius:2px;background:#eaf8f2;color:#1a5d50!important;cursor:pointer;font-size:11px!important}.admin-upload-button input{display:none}.admin-media-actions .admin-secondary-button{min-height:34px;padding-inline:9px;font-size:11px}.admin-media-preview{display:grid;min-height:126px;place-items:center;overflow:hidden;border:1px dashed #9db1c5;border-radius:2px;background:#fffdfa;color:#667186;font-size:11px;text-align:center}.admin-media-preview img,.admin-media-preview video{display:block;width:100%;height:124px;object-fit:contain;background:#172033}.admin-cdn-actions{display:flex;align-items:center;gap:8px}.admin-segmented-control{display:inline-grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #172033;border-radius:2px;background:#fffdfa}.admin-segmented-control button{min-width:52px;min-height:34px;border:0;border-right:1px solid #172033;background:transparent;color:#405067;font-size:12px;font-weight:800}.admin-segmented-control button:last-child{border-right:0}.admin-segmented-control button.active{background:#22334a;color:#fffdfa}.admin-cdn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-cdn-metrics>div{display:grid;min-height:122px;align-content:start;gap:10px;padding:16px;border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:4px 4px #17203324}.admin-cdn-metrics>div:nth-child(1){background:#eff8fd}.admin-cdn-metrics>div:nth-child(2){background:#f4efff}.admin-cdn-metrics>div:nth-child(3){background:#fff4d6}.admin-cdn-metrics>div:nth-child(4){background:#eaf8f2}.admin-cdn-metrics span{color:#405067;font-size:12px;font-weight:800}.admin-cdn-metrics b{color:#172033;font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums}.admin-cdn-metrics small{color:#536176;font-size:11px;font-weight:700}.admin-cdn-package-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid #172033;border-radius:3px;background:#fffdfa;box-shadow:4px 4px #17203324}.admin-cdn-package-summary>div{display:grid;gap:5px;padding:14px 16px;border-right:1px solid #c9d3df}.admin-cdn-package-summary>div:last-child{border-right:0}.admin-cdn-package-summary span{color:#667186;font-size:11px;font-weight:800}.admin-cdn-package-summary b{color:#172033;font-size:18px;font-variant-numeric:tabular-nums}.admin-cdn-package-table{display:grid;gap:10px}.admin-cdn-package-table>header{display:flex;align-items:end;justify-content:space-between;gap:12px}.admin-cdn-package-table h3,.admin-cdn-package-table span{margin:0}.admin-cdn-package-table h3{color:#172033;font-size:16px;font-weight:900}.admin-cdn-package-table span{display:block;margin-top:4px;color:#667186;font-size:12px}.admin-cdn-package-table>header>small{color:#536176;font-size:11px;font-weight:800}.admin-tutorial-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1 / -1;gap:13px;padding-top:13px;border-top:1px solid #c9d3df}.admin-tutorial-media-pair h5{grid-column:1 / -1;margin:0 0 -2px;color:#405067;font-size:12px;font-weight:900}@media(max-width:72rem){.admin-tutorial-assets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:72rem){.admin-cdn-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.admin-media-grid,.admin-tutorial-assets,.admin-tutorial-media-pair{grid-template-columns:1fr}.admin-media-field{padding:9px}.admin-media-preview{min-height:150px}.admin-media-preview img,.admin-media-preview video{height:148px}.admin-cdn-actions{width:100%;justify-content:space-between}.admin-segmented-control{flex:1}.admin-segmented-control button{min-width:0}.admin-cdn-metrics,.admin-cdn-package-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cdn-metrics>div{min-height:106px;padding:13px}.admin-cdn-metrics b{font-size:21px}.admin-cdn-package-summary>div:nth-child(2){border-right:0}.admin-cdn-package-summary>div:nth-child(-n+2){border-bottom:1px solid #c9d3df}.admin-cdn-package-table>header{align-items:start;flex-direction:column}}